So you have now found the right Google Font? Then we congratulate. Now another big task is waiting for you. Now it’s about combining the Google Font with other fonts on your website.
As you read on, we’ll explain what options you have to find the best combination of your fonts.
Popular combinations are suggested on the Google Fonts website. You have probably already seen this when you called up the links to the individual fonts on Google.
But there are also other portals where you can get suggestions for font combinations, e.g. on the Font Pair website.
We give you some tips for using Google Fonts in WordPress.
Limit the number of font sizes
A number of the fonts listed above such as Montserrat or Raleway are available in 18 different font sizes. This is perfect if you are looking for a large selection. So that the loading time of the WordPress website does not get out of hand and the website becomes too slow, you should limit yourself to the absolutely necessary fonts and only use them. This is a very important point so that the performance of your website does not deteriorate.
We recommend not using more than two sizes for most fonts:
You can define this yourself via the “Customize” tab at Google Fonts, if you want to use your own fonts and do not want to use the fonts preset in the respective WordPress theme.
If you use a professional WordPress theme (such as: Avada or Divi), you can set which Google Fonts and which sizes should be used.
Another option is to use “variable fonts” which are very popular at the moment. They are supported by all modern browsers. These are fonts that only need a font file. However, there is not yet a large selection of them.
Host Google Fonts local on your server
If you do not want to download Google Fonts from the Google server, you can also host them locally on your server. In most cases, this also leads to better performance of your website. In addition, most Google Fonts are already cached in the users’ browsers.
With your own fonts (no Google fonts) you should definitely consider loading these fonts via your own CDN.
Use fonts that are regularly updated
The same security principle applies to fonts as to WordPress plugins and themes. The developers are constantly releasing updates and improvements. This is the case with most of the fonts presented here.
Pay attention to the legibility of the fonts used
By adhering to the relevant guidelines, your content will be accessible to people with disabilities, blindness, poor eyesight, deafness, learning difficulties, cognitive impairments, restricted freedom of movement, speech impairments, sensitivity to light or combinations of the aforementioned restrictions. According to the World Health Organization, there are approximately 260 million people with visual impairments. 40 million people are blind and 220 million people have moderate to very severe visual impairment.
Another very important setting is the color contrast. The best content on your website is of no use if users have difficulty reading the Internet and find it a burden. You will then leave your website and you will definitely not come back.
Incidentally, the Google search engine rates the above criteria as decisive ranking factors and your own position in the search results is therefore dependent on compliance with these guidelines.
There are various ways to test your website for compliance with these criteria. We test the websites we created using Incognito mode in the Chrome browser using the “Lighthouse” tool. Here the results under the points “Accessibility” and “Best Practices” should be adhered to. If optimizations are suggested in the test, they should be carried out on the website. After that, you can be sure that Google will rate the website positively. By the way, we also offer these optimizations with our performance module for websites not created by us.