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.