Google Web Fonts for your WordPress Site

google web fonts

Have you discovered Google Web Fonts yet?

This is a library of fonts, suitable for using on your website, that are available under an open source licence and stored on and accessed from google web servers. So they are fonts you don’t need to pay for!

The possibilities for your website are great. There is a wide range of fonts available, and they are easy to install.

Google Web Fonts Previewer for Chrome

I have installed the font previewer for Chrome, which enables me to quickly and easily test out how each of my web pages will look with a number of different web fonts. Once I have decided on a font, the previewer then provides the code needed to slip into your website. Once the code is added to your site, that’s it – your new web font will be live on your site!

The website you are looking at right now is using the Amaranth font. I’m going to be trying some others out on my other websites.

Adding Web Fonts to WordPress

To get the font installed in your WordPress site, just edit your header.php file and insert the code into the <head>…</head> section of the script (or into your child theme if you have one, just so that it isn’t overwritten the next time you upgrade your theme) unless your theme supports them directly. Don’t forget to back it up first though – just in case :)

If you want to use different fonts for different elements of your site (for example if you want headings in one font and the main text in another, or a special font to display your testimonials in a hand-written style), then you’ll probably want to action that through your CSS.

Let me know what you think. I can help out if you get stuck.

No comments yet.

Leave a Reply

We're really pleased you want to comment. As a reward we'll include a link to one of your own blog posts. Write your comment as normal, then we'll display your recent blog posts for you to choose from. Un-check the box to opt out.