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.

Categories: Wordpress

No comments yet.

Leave a Reply

Share This

Please share if you've liked reading this

Share this post with your friends! It really helps us, and lets us know which content visitors like best - so we can write more like that!