Students often ask us how to change the fonts on their website. They expect to find a font selector in the WordPress visual editor. But what they don’t understand is that changing fonts on a website isn’t as simple as changing a font in a Word document.
The challenge is that unless a website user has a font loaded on their computer, the selected font won’t load and a substitute font will be displayed. We are really limited to a small number of web-standard fonts that come with all computers.
Using an image to create the desired look is one option but it negates any SEO value that text could offer. You can embed a font using @font-face to use on a website BUT there are browser compatibility issues and you need to be careful about font licensing restrictions.
Enter Google Web Fonts – a great solution that uses open source licensing! Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. You don’t need to store the font files within your website theme. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
Google provides instructions for choosing and using fonts but for a novice user, this can be a bit daunting.
Easy Google Fonts WordPress Plugin
The Easy Google Fonts WordPress plugin simplifies the process. It adds google fonts to any theme without coding and integrates with the WordPress Customizer automatically for a real-time live preview.
Here’s how it works:
Now isn’t that easy?
To learn more about blocks ….
Join us for a WordPress Intensive with Gutenberg, January 23 & 24, 2020.
Or subscribe here to get our blog posts sent to your inbox.