Adding More Fonts to your web pages
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.
Copy the font stacks into your snippet library for later use...
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
In 2010 when Google first started this project they only listed 23 fonts… They now list 501 font-families! 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 embedded markup) that goes out and gets the font from Googles servers so that your client's browser can display 'em...
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!"
No comments:
Post a Comment