Google has an ever expanding library of fonts for use on anyone’s website for free right here.
Google Web Fonts
But how do you use them? Well, it’s actually really easy.
1. Find the font you like. Let’s say I like
2. Link to the CSS file Google provides on your site.
<link href='http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911' rel='stylesheet' type='text/css'>
The CSS URL is pretty predictable, so I usually just grab the font name and derive the rest, but if you want to copy and paste, it’s on google’s fonts page too.
3. Use the font, by name (in quotes), in your stylesheet.
p { font-family: 'Goudy Bookletter 1911', serif; }
Make sure you have a decent fallback, so that if there’s a server hiccup, or they view the page offline or something, they at least see serifs when there should be serifs, sans when it should be sans.
4. Marvel at how great your site looks when it stands out from the rest of the Helvetica and Times New Roman covered internet.