Sunday, October 17, 2010

Font Relief

Adding More Fonts

You can never have enough fonts! --Anon

There are several ways to add more fonts to your web page...One is to use a font you already have, and hope that the "client"  visiting your web page also has that same font. Another is to use Fonts that are in the public domain and are "free" to use on your web page.  Yet another alternative is to use "free" fonts or purchase them from a font foundry for web use.

Common Fonts

1. Code Style did a Windows-Mac-Linux font survey and lists the most common fonts across those platforms.

This web page at Code Style lists the most Common Fonts. If you visit the web site you'll find they list "common" font stacks to use for your web pages.

Now all you have to do is hope your client has the fonts listed in your font stack on their computer.

font-family: Zapf Chancery, Brush Script MT, cursive;

 

Public Domain - Free Fonts

2. The best place to start is with Google's Font Directory (it's in Beta)

But, they only list 23 fonts... so far...  Google provides you with the Markup that you'll need to snip and paste to embed into your web pages.  Google is working with Type Kit to make some of the fonts available.

You don't get to "download" the fonts... Instead  you paste a script (the emedded markup) that goes out and gets the font from Googles servers so that your client's browser can display 'em...

 

Screen shot 2010-10-18 at 12.13.09 AM.jpg


Professional Fonts

2. Buy the fonts from a font foundry.  TypeKit offers a service that links you up with font foundries and the fonts of course...

TypeKit also offers "free" fonts for your use... You can use the Free service to try it out...

You'll have to sign up for an account, but the result may be "Font Relief!"

 

Screen shot 2010-10-18 at 12.35.01 AM.jpg

 

 

 

No comments:

Post a Comment