You get only 2 seconds to convince your visitors about your relevance. If you fail, the visitor clicks the back button and leave your site for good. Here’s how you can stop it.
Choosing the right fronts can have a huge impact on the user experience on your site. The right fonts not only make your content readable but make it look visually appealing enough for your readers to share with other folks. Of course, pretty fonts can’t be the exact substitute for the quality of content, but with more people consuming content via mobile devices, web fonts have become more critical to your user experience than ever before.
In this post, I’m going to share with you some tricks (and some nifty tools) to make it easy for you to execute Google Web Fonts on your website.
Google Font needs no introduction. It is free, diverse and has a huge collection of pretty fonts you can use for your project. No wonders why it’s insanely popular among website developers around the world.
So, let’s see how we can make the most of Google Fonts.
Hunting for Fonts
It’s quite common for web developers to hunt for fonts already used on other websites. How do you learn about a certain font used on another website? Simply install the WhatFont chrome extension on your chrome browser. When turned on, the nifty tool gives you all necessary info about the font used on a website.
Click here to download the Chrome extension.
Choosing the Right Fonts
So what do you do once you establish a font on another website? You want to know if it is available on Google Fonts library.
One of the most challenging aspects of using Google Fonts is that it can often be tedious to choose (or narrow down) specific fonts from the huge library. Browsing the fonts can extremely time consuming unless you know what you are looking for.
To save precious time, look at this list of Google Fonts and see if the font is available on Google Fonts. If your desired font is not found on this list, it doesn’t belong to Google Fonts. This is a great and super quick approach to see if you can use the desired font on your website.
If your desired font is available on the Google Fonts list, follow this tutorial to learn how to use it on your website.
Using Google Fonts
If you’re comfortable with modifying code within your Functions.php or CSS file, this post can show you how to use the desired Google Fonts on your website.
However, if you’re a newbie and looking for a plugin to get this done, you can choose from the free popular WordPress plugins designed to help you use Google Fonts with ease. Here’s a great post to get you started.
Looking for the Right Google Fonts Combination?
If you’re working on a project, it’s likely that you are going to use multiple Google fonts on your site rather than just one. This is where things can get tricky. Choosing the right combination or mix of Google Fonts can challenge your creative imagination. You may need to test different pairs to see what suit your website the most.
Sounds intimidating already?
The good news is they have already invented a few tools to make this task easy for you.
Check out the following tools as per your needs:
TypeGenius – Choose your desired Fonts and see live examples to determine whether they are good fit for your project.
FontPair – This tool brings you a wide array of font combinations to help you choose the right one.
Font Combinator – The smart tool helps you choose the fonts of your choice and pair them to see if they look good on your website. What’s more – it allows you adjust the size, line height, and color of the fonts so your desired fonts look exactly how they would appear on your website.
Now that you have discovered the secret tools, go live in the glory of Google Fonts.
If you find this post useful, don’t forget to click on your share button.