Is @font-face usable now?

fonts css font-face
eozzy picture eozzy · Feb 8, 2010 · Viewed 25.7k times · Source

I have to use a fancy font in a project but I'd really like to avoid sifr and other ugly alternatives so I'm looking at @font-face.

However, I'm really confused with several blog/sites offering different views on its usability. Is is ready yet? Which browsers support it today?

Thanks

Answer

Jimmy Cuadra picture Jimmy Cuadra · Feb 8, 2010

Just about every browser implements it now. The only real catch is that Internet Explorer requires font files in its own OTF format and will not understand TTF format. Many sites that provide fonts for use with @font-face will provide you with both formats and the CSS necessary for them to display in both Internet Explorer and other browsers.

Take a look at http://www.fontsquirrel.com/ for a good example of a free library of fonts that come with pre-made @font-face downloads (both file formats and the relevant CSS.)

Related questions

How to add some non-standard font to a website?

Is there a way to add some custom font on a website without using images, Flash or some other graphics? For example, I was working on a wedding website, and I found a lot of nice fonts for that subject. …

Read More
Using .otf fonts on web browsers

I'm working on a website that requires font trials online, the fonts I have are all .otf Is there a way to embed the fonts and get them working on all browsers? If not, what other alternatives do I have ?

Read More
How to add multiple font files for the same font?

I'm looking at the MDC page for the @font-face CSS rule, but I don't get one thing. I have separate files for bold, italic and bold + italic. How can I embed all three files in one @font-face rule? For example, …

Read More