Attract More Readers By Using Google Fonts

If you maintain a blog of some sort, you’ll know how important it is to maintain some level of attraction. Although I’m mostly a minimalistic fan, I can’t deny that having some sophistication goes a long way into wanting readers and visitors to return back to your site. Now by attraction, I don’t mean splashing pictures or flashy advertisements all over the place. Nor is randomly making different elements of your blog or website different colors just for the sake of change! Remember, if your site is mainly informational-based, then one of the most important things you need to do is to make sure that your site or article posts are actually easy to read! One big way of doing so is to make sure that whatever fonts you use, it will be easy on the readers eyes. Doesn’t this seem like common sense? Now, we can choose to just stick with the basic fonts and whatnot but where’s the fun in that? Good news. Google actually includes a host of special fonts for just about anyone to use on their site and the best part is, it is completely free! No charge whatsoever. This is made possible because the fonts are open source.

Google Web Fonts, from when I first heard about it, included only a handful of free fonts for use. As of right now, that list has grown to well over a 100! Of course, you’re not going to embed or use every font in the directory but as with most things, having different options and choices is a good thing. Because every site is different, you’ll want to choose the best fonts to match the layout or theme of your site. Two people using the exact same theme can still achieve a different feel as long as they apply different fonts.

You can view and use the fonts from Google Web Fonts here.

Again, don’t be surprised the first time you visit the site. You will see a lot of different fonts. Don’t worry as you only need to find the one’s you do want to use and safely ignore the rest.

Font Directory

You’ll get a quick glance at the font being displayed on the home page but to gain a even better insight as to how the font looks, simply click on one.


Once you have decided on a specific font to use, it’s now time to reference that font within your site’s template. You can use the Font Preview feature to test out the many different modifications of a specific font.

Font Preview

The best part about using Google Web Fonts is due to is simplicity. The fonts are all hosted by Google’s own servers so you don’t have to do a thing other than to reference them.

By using any one of these fonts offered from Google, it will be called each and every time a visitor visits your website. Some readers don’t like the idea of having to download extra “things” just to read a blog post and a font falls into this category. Also, the more things that needs to be called leads to a longer load time for your site. The longer your site takes to load, the bigger the chance you lose a customer. However, personally, I don’t find Google Fonts that intruding so I’m OK with it. Just keep this in mind if you will be using this method to display fonts within your website! If you are using Blogger as your blogging platform, simply head over here to view the instructions on how to embed and use the font. Notice that towards the end of the code, there is a / right before the closing > symbol. Over at Google Web Fonts, that simple yet very important single forward slash is missing. Therefore, remember to add it in! If you are using WordPress as your blogging platform, then you’ll first want to try out the WP Google Fonts plugin. It allows you to easily pick any font from within Google’s Web Font directory and apply it to different elements of your blog/site. This is for users who do not feel comfortable making the changes manually (but then again, you wouldn’t be on a self-hosted WordPress installation now would you?). If not, you’ll need to manually add the changes to your template files by following the simple instructions here.

You’ll definitely want to experiment a bit with all the different fonts available. Remember, you can use the fonts for all sorts of elements. You can use one font just for your H2 headings and another one specific to H1 (title) headings. Of course, one font embedded to your site is another element that needs to be loaded by a visitor to your site. Therefore, if you are not using a font you have embedded into your template, remove the reference! As of right now, I am using the Ubuntu font. Another font that I have used before and loved also was Droid Sans. Google Web Fonts is a continuously growing project so even more fonts will be available as time goes by. This is great news because you have to remember that many special fonts out there require you to pay some sort of licensing fee before being able to use them. Google Web Fonts slashes away the price tags (although if you are generous enough, you can make a donation to the font developers themselves) and leaves it completely up to you on how to use them.

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Speak Your Mind


(humans only, please) *