Up until fairly recently the web only allowed a limited number of display fonts. This is because the web relied on using the fonts the end user had on their computer.
View the post on WebDesignDev “16 gorgeous web safe fonts to use with css” to get an idea of fonts you can use safely.
However I recently discovered @font-face
@font-face allows you to specify fonts you have uploaded to your server to display text on your web sites. This means you no longer need to rely on the limited number of fonts your users have on their own computers.
I recommend using it mainly on Headings like I have done here at Bling Bling Bookkeeping especially if you are using a complex looking font, as it won’t display nicely at a smaller size such as 10px.
A great resource for implimenting this technique can be found at Perishable Press and agreat reource for @font-face kits which contain all required font formats and example code can be found at Font Squirrel.
