Typography has come a long way in recent years. From everything being done in Arial, to using images to fake different fonts, the web has grown up. People now expect to be able to style their websites like they could style a photoshop mock up. These resources will help you accomplish that goal.
Web Font Specimen
Find out how fonts render in browser. Useful for @fontface fonts.
How to use CSS @font-face
Tutorial for using @fontface to embed fonts other than the standard “web safe” fonts.
The League of Moveable Type
They list fonts licensed for web embedding.
“We are Caroline and Micah, the founders of The League. As designers on the web, we have a calling to raise the standards of the web-design world. We’re not the only ones who value good design, and it’s time for the web world to catch up with it. We understand the challenges that comes with the internet, but with our recent discovery of @font-face, we started getting excited. For those who aren’t up to speed, @font-face is a fairly new addition to web styling, letting a designer specify the location of their own font files. Instead of having to design with just a handful of web-friendly fonts, we’ll be able to use any typeface we desire. Well, that’s our vision, anyway.”
TTFTitles
This wordpress plugin lets you use images to replace the titles of your posts, thus circumventing the problem of guessing what fonts your end-users might have installed.
20 Do’s and Don’ts of Effective Web Typography
Good list on typography rules.
No Comments Yet
You can be the first to comment!
Leave a comment