@font-face – How does it work?

Here is a super cool example:

With CSS3 support of the @font-face selector is easy to use.
1. Upload the font file you want to use to your server
2. Embed the font, using the following CSS:
@font-face {
font-family: yourFontName ;
src: url( /location/of/font/FontFileName.ttf ) format(“truetype”);
}

Then use it in your css like any other font style:
.yourFont { font-family: yourFontName , verdana, helvetica, sans-serif;

Here are the supported font formats: “truetype” (ttf), “opentype” (ttf,otf), “truetype-aat (ttf), “embedded-opentype” (eot) and “scalable-vector-graphic” (svg,svgz).

Leave a Reply

You can add images to your comment by clicking here.

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