I’ve been busy for the past few days writing down as much as I think I know about @font-face and decided to make a comprehensive guide to @font-face.
To quote: “@font-face is a CSS rule which allows you to show a font on a Web page even if that font is not installed on the users’ computer. This means that designers and developers can begin moving away from Web-safe fonts that users have pre-installed on their computer such as Arial, Times New Roman, Verdana and Trebuchet.”
As a Web developer / designer, we are hugely excited about this @miltonbayer as it means we can begin planning for Web sites without Arial, without background images for special headings or flash-replacement text.
I think you will find this guide is pretty solid, I compiled it more than anything, but if you think there is anything missing let us know here; I think it’s the most comprehensive guide out there. Correct me if I’m wrong: @font-face, support, implementation and best practice.
Posted by Tjobbe on February 17th, 2010 5 Comments »
Excellent information Tjobbe, very well documented and explained!
Definitely the way the web is heading I would have thought.
Interesting that on this occasion Firefox support is the odd one out instead of IE!!
Cheers,
Andrew
Thanks Andrew!
[...] @font-face – use any fonts on Web sites safely and easily [...]
[...] @font-face – use any fonts on Web sites safely and easily | Milton Bayer [...]
Thanks for featured the Jigowatt web site in the “examples” section. We find ourselves using @font-face on about 95% of new web sites we built and it’s great to see the range of available fonts expanding daily.
Event more exciting is the fact that big type foundries are beginning to release web licenses for their best fonts.