Finding, Choosing & Installing Web Fonts on Your Blog

I’ve been fooling around with one of my other sites and decided I need a new font to freshen up the place. And then I remembered that I kind suck at design. Because of that deficiency, Times New Roman has always been my go-to for everything. Not willing to give up, I asked around and found out where to look for web fonts and then I spent the rest of my life scrolling through so many fonts my eyes glazed over. The end.

Actually, I did finally settle on some fonts and I’m finishing up the tweaks on that other site. After I found the fonts of my dreams, I realized I could save you the trouble of asking around and searching high and low. This post is chock full of links to help you find, choose, and install web fonts on your own blog.

Fontspring is another great resource. Most of the fonts are paid, but there are some free ones in there too.

FontDeck looks interesting. You can browse and test fonts on your site for free, then when you choose a font it will cost you around $7.50/year to use it. (But prices do vary.)

Typekit is a paid site (starting at $25/year — not bad), but you can try a membership free for 30 days.

Choosing a Font

The hardest thing about choosing a new font for your blog is finding the right combination! Most of the advice I found suggests using complementary fonts — one for headers and one for paragraph or body text. My Blogging Tips Pinterst board has some great links to font combinations that work well together. Here are few links for you:

A Beginner’s Guide to Pairing Fonts. This one gets into the real design aspects of fonts, but does it in an accessible way. Design isn’t my forte, but I found this article to be extremely helpful.

Fonts.com not only offers many fonts, but they have a repository of helpful articles and tips as well.

Installing a Font

Now that you have the font you want, you need to install it. This is where I can kind of hear the groans and protestations of, “I can’t code!” Don’t worry. I gotcha covered.

For those of you who want the easiest route possible and are happy using Google Fonts, you can just install the Google Fonts plugin. This is the easiest way to install a Google Font. Once the plugin is installed, you go to settings and use the pull-down menus to choose the font(s) you want and what attributes (e.g., headings, body text, lists, etc.) you want to assign to the font. It’s a great way to see how different fonts look on your blog. If you don’t like the font, just choose a different one from the menu!

But what if you have a font that’s not a Google Font? Or what if you just want to learn how to install a font directly in your CSS? No problem. I’ve got a few resources for you:

How To Install Google Fonts the “Right Way” Thinking you really want to get into the code and learn it? It’s easier than you think, but you’ll need some guidance. That’s where WPBeginner comes in. They’ll show you how to install your fonts in a way that’s “optimized for performance.”

Andrea,
The Google Font plugin made things SO EASY. I didn’t find that until I’d tried coding and that took forever because I wanted to see how different fonts looked. That meant I had to install one, then install another one, etc. I wish I’d found that plugin sooner!

Hey Melanie,
I loved hearing about Google fonts, it is a very helpful resource to have,
but in my opinion people overdo the whole “selecting their right font” process, going for those weird fonts and effects where a simple “a” look more than a chinese word than a “a”, is too annoying and hard to read.
I get it, it is cool if you are designing an art website , but when it comes to blogs, i think the font should be clear and neat and easy to read, basic standard fonts like “Arial” and “Tahoma” are best for Blogs.
Many thanks and Best Wishes!