Three Ways To Change Your WordPress Site’s Fonts

Over a third of all websites are built on WordPress. With over 455 million WordPress sites, it can be hard to make your own website’s design stand out. 

Fortunately, changing your site’s fonts is an easy way to give your web design a unique look with minimal effort. Once you know how to navigate the Customizer or use Full Site Editing, a few quick modifications to your lettering can have a major impact on your WordPress website.

In this article, we’ll talk about why you might want to experiment with your web fonts. Then, we’ll recommend a few font options. Finally, we’ll show you three ways to change the fonts on your WordPress site. Let’s begin!

Why You May Want to Change Your Website’s Fonts

There are many reasons to change fonts, but most boil down to a few simple desires. You probably want to stand out, be recognized, or make an impression. 

Usually a font can’t accomplish any of these things on its own, but in conjunction with other design elements, it can have a big impact. Therefore, you may not want to stick with the default font for a theme or starter website.

Changing fonts is a relatively easy way to customize the look and feel of your site. Plus, it can help set your WordPress site apart from the others.

Furthermore, specific fonts and colors can be key when it comes to branding and user experience. They can help you build a consistent, recognizable look. Think of the golden arches of McDonald’s. The company’s logo is just one letter. Yet, you can identify that yellow M worldwide.

Other examples include the whimsical Disney font and Sony’s distinct serif font. These massive companies make it clear that you shouldn’t underestimate the power of fonts.

Essentially, the perfect font can make an impression all on its own. It can change the mood of a web page the same way your tone of voice can change a conversation.

The Best Fonts for Your WordPress Site (And Which to Avoid)

Before we discuss how to change your fonts, let’s talk about some best practices when it comes to choosing one. It can be tempting to find a fun font and run with it. However, if you’re managing a professional website or an e-commerce store, there’s likely more to it than that.

If you get a little too creative with your font design, it can actually have a negative impact on your website. The main problem is that some fonts are simply harder to read than the more standard options: 

While there are certainly situations where a more complex font can enhance a site, it’s more likely that the basic fonts will be more effective. After all, ‘standard fonts’ are commonplace for a reason. It’s because they work well.

On the contrary, that doesn’t mean you should always stick with the common fonts like Arial or Trebuchet. Instead, you should consider what makes these options so popular. The most important aspect of any winning font is that it is easy to read. Especially on the internet, where attention spans are remarkably short, it is crucial that a font doesn’t slow down or deter your visitors. 

Distinct Fonts for Your WordPress Website

With that said, here are some effective fonts that can help you add a bit of flair to your text blocks.


Playfair Display is a fun, casual font that can work well if you want to target a younger audience. The extra curls and swirls may remind readers of a Disney story or a fairy tale book. At the same time, it’s not so flashy that it slows down reading. Moreover, if this font is used for younger audiences, reading speed is probably less important than in a professional setting.


Cinzel is a serif font, which basically means it includes extra details at the top and bottom of the characters. These details are tweaked with elegant lifts and subtle points that create a hint of glitz. When you see this font, old libraries, banks, and courthouses may come to mind. This might be a good choice if your WordPress website is for an upscale restaurant, jewelry store, or fancy hotel


In general, cursive-inspired fonts are not a good choice for websites, as they can be difficult to read. This is especially true for mobile devices where text is small. However, Tangerine uses simplified cursive to balance sophistication and readability. While you may want to avoid using Tangerine in a smaller size, this is one of the few acceptable cursive options for web fonts. 


Professional Fonts

You will likely find more professional fonts when it comes to WordPress pages. This is simply due to the fact that there is a higher demand for professional websites. 

In addition to the previously mentioned Arial and Trebuchet, Lato is another solid, professional choice. It’s easy-to-read and has a clean look. At the same time, it’s more unique than the usual default options. You might also want to consider Open Sans. This is a sans serif font. That means it lacks the flourishes of a serif font and prioritizes clarity over aesthetics. 

How to Change Fonts on Your WordPress Website (3 Methods)

Since fonts are such an integral part of any website, WordPress has several different approaches for customizing them. Below are three different ways you can change fonts on your WordPress website.

1. Use the Customizer

First, let’s see how you can change fonts on your WordPress site using the Customizer. To get started, navigate to the Appearance tab on the left hand side of your WordPress dashboard and select Customize:

Now, you should be in the Customizer, where you’ll see a new set of tabs in your left-hand menu. 

Your options here will depend on your theme and whether you’re using WordPress.com or self-hosted WordPress, but look for a tab that says Typography or Fonts, and click on it:

Here, you should see another list of tabs for locations where you can change your fonts. For WordPress.com you can change Headings and Base Fonts. With a self-hosted site, you may be able to adjust the general lettering, your headings, and the font for your blog

Either way, simply choose which fonts you would like to use from the drop-down menus, and click on Save Changes at the top when you are finished. Keep in mind that these modifications will be reflected everywhere on your site. 

While the Customizer offers a quick and easy way to change fonts across your WordPress site, it has a few drawbacks. Firstly, there are only a limited number of font options available. Secondly, this method has a tendency to load fonts as the page loads, which may cause a visible shift on your site. This can look strange to visitors and could negatively impact the user experience.

2. Use the Global Styles Feature

Another way to change fonts across your entire WordPress site is by using Full Site Editing (FSE). You can do this with its new Global Styles feature.

However, be aware that this new feature is only available for select themes, so you may not have the option with your current design. You’ll also need to have WordPress version 5.9 or greater and the Block Editor enabled.

To see if your WordPress theme supports Full Site Editing, hover over the Appearance tab on the left-hand side of your dashboard. If you see the Editor (beta) option, then you’re in luck:

The Editor is similar to the Block Editor you use when writing posts, except it allows you to manipulate your site on a larger scale. 

To begin, select Editor, then click on the Styles icon in the top-right corner of the screen. It’s the duotone circle. This will open a new menu on the right-hand side of the screen. Next, select Typography:

Now, you will see two new options to modify the typography for Text or Links. To try it out, let’s select Text:

On the following screen, you can manage the fonts just about anywhere on your site: 

Using the block-style editor to the left of this menu, you can easily select which regions you want to modify. 

Then, you can change fonts by making a selection from the Font family drop-down menu. These fonts are included from Google Web Fonts. Once you are finished, simply select Save in the top right to confirm your changes. As you can see, with Full Site Editing, you have greater control over fonts across all of your pages and blocks.

3. Use Font Plugins on WordPress Pro

Finally, there are plenty of plugins you can use to add fonts to your site. If you’re working with a WordPress.com website, you will need a WordPress Pro plan in order to install them: 

One popular option is the Google Fonts Typography plugin. This tool gives you access to over one thousand Google Fonts as well as Adobe Fonts. 

Plus, it allows you to try out your designs with its Live Customizer Preview. It even uses selective/efficient font loading to help ensure your fonts don’t slow down your site.

With WordPress Pro, you can also use custom code to manually alter fonts across your site. This is an advanced method not recommended for beginners, but it might make sense in special cases. 

However, more often than not, plugins will be a safer and more efficient way to modify fonts on your site. Alternatively, you might want to consider hiring a WordPress developer for more advanced font customization.

Conclusion

All in all, changing fonts with WordPress is a relatively simple process that can have a noticeable impact on your site. Changing fonts can add visual interest and help make your site more recognizable and visually interesting. 

To change fonts on your WordPress site, you can use any of these three methods:

  1. Set fonts in the Customizer.
  2. Change fonts with the Global Styles feature.
  3. Install font plugins or use custom code (may require WordPress Pro).

ABOUT THE AUTHOR

The WordPress.com Team

At WordPress.com, our mission is to democratize publishing one website at a time. Create a free website or build a blog with ease on WordPress.com. Dozens of free, customizable, mobile-ready designs and themes.

More by The WordPress.com Team

%d bloggers like this: