Blog

shadow fade

Real Fonts on the Web

I’ve started seeing a number of sites cropping up lately that use fonts with custom font family names, such as http://designintellection.com/

Digging around, I discovered that they’re using real fonts, using css @font-face.

It looks like it’s finally coming folks – your favourite font on your website, and not using Flash replacement text or a replacement image! There are still hurdles, and the font needs to be licensed for web use.

Here are some resources I’ve found:

http://www.fontsquirrel.com/ has fonts you can acquire with the proper licensing.

http://typekit.com/ is a site that provides a font-streaming service and includes font libraries for you to use.

http://arstechnica.com/web/news/2009/11/web-open-font-format-backed-by-mozilla-type-foundries.ars has a history of the web font format.

http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master has a real hands-on tutorial on how to get real fonts working on your site.

http://www.alistapart.com/articles/on-web-typography/ is an article on designing websites with these new-found choices we have coming up.

http://webfontspecimen.com/ is a downloadable template for testing how a font will look on the web.

Share this post with:
  • Twitter
  • E-mail this story to a friend!
  • Digg
  • Reddit
  • Facebook
  • Sphinn
  • del.icio.us
  • StumbleUpon

Leave a Reply