CSS2 allows the designer to describe and download custom-made fonts. This is made possible by a @font-face block inserted into the style sheet. The @font-face block contains rules that describe the font.
The rules is given below. It defines the internet address for the font that will be downloaded and used by the browser for rendering.
Font extensions:
prf, .
eot, .
ttf, .
pfb, .
pfa
snippet
<style>
@font-face {font-family: Fella;
font-size: 15pt;
src: http://www.quotefellas.com/fonts/fella.ttf;}
p {font: Fella; color:red}
</style>