Great Font Resources for Web Development
by Bandicoot Marketing on | Posted in Articles | 2 comments
Ever since I wrote Embedding Fonts in your Web Site with CSS and @font-face many people have been emailing me with questions about adding new fonts to their sites. One of the easiest ways is with The New Google Font API but there are also a few others resources available. Here is a list of places to find fonts and tools you can use to include them in your Web site.
Font Squirrel
Font Squirrel has an amazing library of free commercial-use fonts. All of the @font-face kits that are available in my Premium themes come from Font Squirrel. You can download fonts to use in desktop publishing or you can grab some @font-face kits to use on your Web site. There is even a handy, simple to use tool for converting standard fonts into @font-face kits for embedding on your Web site.
http://www.fontsquirrel.com/
Google Font API
I wrote about this one already so just check out that article.
TypeKit
TypeKit is a subscription-based service that allows you to link to fonts from many different type foundries. Subscription costs range from free to $99.99 per year. A free account allows for 25,000 pageviews a month and a limit of 2 fonts throughout you site. It is a great way to test out the service to see if it is right for you.
https://typekit.com/
WebFont Loader
This one is very similar to the Google Font API but it offers a wider range of resources of available fonts. You can use Google Fonts, TypeKit, Ascender or custom fonts.
http://code.google.com/apis/webfonts/docs/webfont_loader.html
sIFR
sIFR (Scalable Inman Flash Replacement) is an open source piece of JavaScript that allows you to replace text elements on your Web site with Flash embedded equivalents. It is a bit more complicated to implement but there are many sites that use it and the results are quite nice.
http://wiki.novemberborn.net/sifr3/
typeface.js
typeface.js was developed by David Chester as an alternative to using Flash to embed fonts on your site. Using typeface.js is pretty straightforward, since all it takes is the core JavaScript file and then a font. You can even convert your own fonts.
http://typeface.neocracy.org/
FLIR
FLIR (FaceLift Image Replacement) is another alternative to sIFR. It was created by Cory Mawhorter and uses JavaScript and PHP to dynamically create images of the text elements that you wish to use specific fonts on. Implementing it requires only a few lines of code and you are up and running.
http://facelift.mawhorter.net/
Cufón
Cufón works with a rendering engine built in JavaScript and a font generator that uses FontForge to convert fonts to a proprietary format.
http://wiki.github.com/sorccu/cufon/
2 comments for “Great Font Resources for Web Development”