How to Achieve Cross-Browser @font-face Support

At the moment, web fonts are all the buzz. Unfortunately, achieving cross browser support is not easy. In this tutorial, I’ll show you how to get custom fonts working in all of the major browsers…

Becoming a Font Embedding Master

I’ve spent a couple days worth now trying to figure out the best and most complete approach to font embedding using @font-face. It really is a dark art that must be mastered. It is by no means a straightforward process. Here’s the findings…

Screencast: Converting OTF or TTF to EOT

A great screen cast explaining how to use FontForge to convert any properly licensed OTF or TTF font to EOT format that you can then embed in a web page using just CSS…

CSS @font-face in Depth

When I told one of my co-workers how excited I was that almost all the major browser vendors now supported font-embedding in their products, I got the same reaction from her that Bert from Sesame Street got when he told Ernie how exciting he thought bottle cap collecting was yes, gratuitous ridicule was involved. Now, […]

Roundup of Font Embedding and Replacement Techniques

There are more options than ever for getting unique, good looking fonts into your pages. Apart from @font-face, here are your options for font embedding services and font replacement techniques…

21 Awesome @font-face Embeddable Typefaces

While @font-face may not work in all browsers, it’s still one of the best solutions available today. Of course not all type foundries will let us embed their fonts on our webpages. There are solutions like Typekit which look very promising but today we’ll simply go over the @font-face CSS property and show examples of […]

Bulletproof CSS @font-face syntax

Let me introduce you to the best way to do your @font-face definitions. I’ll circle back to why this is the best possible solution but let’s first review the other techniques’ weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a […]

@font-face and 15 Free Fonts You Can Use Today

Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like Cufón, sIFR, etc. but perhaps one of the better options is using @font-face in CSS. We’ll take a quick look at using @font-face in CSS […]

Web fonts and standards

It remains to be seen whether a font-licensing standard and universal browser support for @font-face will kill the middlemen, or whether the middlemen will prove so successful that they delay or stifle the adoption of a font-licensing standard and allow Microsoft to shrug its shoulders indefinitely at supporting @font-face for anything beyond its proprietary EOT […]

Fonts available for @font-face embedding

There can be license issues when using fonts with @font-face embedding. Here’s a useful list of fonts that specifically allow @font-face embedding…

« Previous PageNext Page »