Changing Web Fonts Made Easy | LearnWP

Changing Web Fonts Made Easy

The Easy way to pick new web fonts

The Font Problem:

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.

Google Web Fonts

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?

Many themes now provide Google font options, check Customize, you may not need a plugin.

Related Posts

If you liked this post, you might also be interested in one of these.
Giving Credit Where Credit is Due – 5 tips for Authentic Blogging
Inspect Element Web Developer tool

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top