Font Embed Script

29. June 2011 Design, Technique 0


INSTALLATION

1. DOWNLOAD: fontembed
2.Unzip and the deploy the entire “Font” Folder to your web server

USAGE
1. find a free font you want to use.
2. use a font converter service like http://www.fontsquirrel.com/fontface/generator ) to convert your font file to a .tt, .eot and .woff (yes you want all three to maximize compatibility)
3. move the font files into the “Font” Folder from from the INSTALLATION GUIDE
4. add this style sheet to your HTML document:

<link rel="stylesheet" type="text/css" href="font/?family=""/>

putting the name of the font at the end of the like font/?family=”YOUR FONT NAME HERE”

5. You can add multiple fonts comma seperated:
font/?family=”YOUR FONT NAME HERE, ANOTHER FONT NAME HERE”

6. reference the font in your main style sheet like so:

body {
 font-family: "chicken_butt-webfont";
 font-size:72px;
 }

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.