Thursday, March 18th, 2010
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.