@font-face

To embed a local version of a font onto your site (that is, a file you’ve downloaded and put into the root directory of your site):

(taken from http://www.font-face.com/)

Initially you define the rule, “font-family” is what you want to call the font, “src” is where it can be found, include a “font-weight” (not needed for normal, but required by everything else, bold, thin etc).

@font-face {
    font-family: DeliciousRoman;
    src: url(http://www.font-face.com/fonts/delicious/Delicious-Roman.otf);
    font-weight:400;
}

Then just use it like any other font in any other style rule.

p {
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}

So, find a font you like (from dafont.com, fontsquirrel.com, Adobe, Google), download it, and give it a shot.

Pages

Welcome