There are 500+ web fonts available on Google Web Fonts. And, even with their filters it’s an overwhelming experience to browse through all of their fonts – not to mention when you view one of them and you click to go back to the list, you’re screwed because you have to start at the beginning. With that being said, though, it’s a great resource for fonts.
I found a cool site the other day called Best Google Web Fonts and they have a short list of (in their opinion) the best fonts. I’m not going to lie, their list is pretty good, really pretty good. And, they have all of the code right on their webpage that you’ll need to add the fonts to your site.
For Blogger, add the STANDARD code immediately after the <head> tag in your HTML file, and don’t forget to insert a closing tag at the end of it! Those Google folks conveniently left that little bit out.
For WordPress.org, add the IMPORT code in your style.css file.
Then, add your font css / font-family where ever you’d like the font to appear. For example to have your widget titles show the new font:
Save & visit your blog to see the changes. You should see your new font lookin’ all spectacular & stuff!