background preloader

Fonts

Facebook Twitter

How to Use Web Fonts and the @font-face CSS Method. The days of web safe fonts are about to end thanks to all the great attempts of designers, developers and industry leaders around the world. The good thing in digital production industry is the community of people who are always pushing the boundaries to their limits. Then when it becomes a new standard or convention its pushed forward again by the same community even further. Technologies like Cufon, sIFR, FLIR and @font-face are some good examples of this. We will investigate the use of @font-face CSS method, which is stronger, simpler and more flexible. Although its more commonly known as a CSS3 property @font-face was actually first proposed for CSS2 and was implemented in Internet Explorer 4 using the propriety format called Embedded Open Type (EOT)!

I still think with good use of typography this small list of web safe fonts are enough to create basic typographic impact, but having more options and variations also excite me in another way. What is @font-face Formats How to make it work. Responsive Design bookmarklet | BenjaminKeen.com. Exljbris Font Foundry. Just My Type. Free Fonts to Download + Premium Typefaces. Fonts, typefaces and all things typographical — I love Typography (ILT) 14 Top Typeface and Font Combinations Resources. By Douglas Bonneville on December 3, 2009 One of our most popular font articles is about how to create good font combinations. But don’t take our word for it! We’ve collected a cadre of excellent articles to help you make even better typeface pairs.

Take a look at our font combinations article and the free PDF after you peruse this list. (10/12/2010 – Updated) (8/29/2010 – Font Combinations book released) (7/23/2010 – Updated) (5/26/2010 – Updated list again) (3/16/2010 – The list has been updated with more resources) Remember, a typeface is a whole set of fonts with all its variations. For example, Helvetica Bold 12pt is a font from the Helvetica typeface. 19 top fonts in 19 top combinations Complete with graphics and a PDF chart to get you going! BTW: The Big Book of Font Combinations wants you to stop by and check out its samples. And don’t forget to check out our very own “19 top fonts in 19 top combinations” article, complete with graphics and a PDF chart to get you going!