How Do I Change The Font In WordPress?

change font in wordpress

The WordPress theme you’re using on your site might look great except for one thing – the font.

This is one of the most important design features to really think about because it affects your site and will either positively or negatively impact your website visitors. It’s important to bear in mind that your website font is linked to your brand identity, so you want to keep it classy, appealing, and easy to read. 

What’s the default font in WordPress?

WordPress makes use of a strong Sans Serif font for headings and a serif for the body, and it’s known as the Twenty Twenty font.

While it looks good, you might want to change the font so that it better fits the style of your website or personality and prevents you from having a cookie-cutter site.

Let’s look at how you can change your WordPress theme’s fonts in three different ways – there’s a solution for every skill level!

How To Change Font In WordPress In Three Easy Ways

Change The Global Styles Font

wordpress fonts

If your WordPress is in Global Styles, you can change the font by following these steps:

  • From My Site go to Site, then Pages.
  • Click on Add New Page or click an existing page title so that you can open it in the block editor.
  • If you’ve chosen to add a new page, you’ll choose the layout you want or the default blank layout.
  • In the WordPress editor, choose Global Styles and click the drop-down menu under Headings or Base Font to see what font options are available to you.

You will be able to choose a font for the headings on your blog, such as comment headers, post headlines, and widget titles. You’ll also be able to choose a base font, which is the font that appears on the website’s main body text and menus.

Note: If your site is not block-based, you’ll have to customize your fonts by going to My Site, then Design, then Customize, and finally Fonts.

Use A WordPress Plugin

plugin in dashboard

These days it seems like there’s a plugin for everything, and you can even make use of a plugin to change your WordPress font.

These are useful if you don’t have technical knowledge. A good WordPress plugin to try is Easy Google Fonts.

You just have to go to Plugins, then click on Add New. There you’ll be able to search for Easy Google Fonts so you can install and activate it on your site.

Benefits Of Using Easy Google Fonts:

  • You’ll receive a live preview of the fonts you want to use before permanent changes are made to your site.
  • You can change the font face, such as on headings, but also the font size and color.
  • You don’t have to know how to write any code!
  • It’s completely free to use.
  • It works in all WordPress themes.
  • It provides over 600 Google Fonts to choose from.

Make Use Of Coding

manually change font

If you have some knowledge of coding, you can manually change your WordPress font.

In order to get started, you’ll need to ensure that you have the font you want to use on your site, you have some knowledge of CSS (Cascading Style Sheets), you have access to your WordPress core files, and you have File Transfer Protocol (FTP) knowledge as well as access to an FTP client such as FileZilla.

Ready? Let’s go. 

You can copy the code of the font into your site but you’ll have better luck to use “enqueuing.” This is considered to be the correct way to embed fonts in WordPress.

To do that, you’ll have to copy the link to your fonts then access your WordPress core files by making use of the FTP. Then, you want to search for a file called “functions.php” which is in your child theme’s root directory. Now, once you’ve opened it you can replace what’s there with the font link you’ve chosen.

You’ll also need to state where your font will be used, so you should open the theme’s style.css file in the child theme’s folder and add your font, as WP Buffs explains. Here’s an example of what it would look like, depending on the type of font you have chosen:

.body, .h1, .h2, .h3, .h4 {

font-family: ‘Oswald’, sans-serif; 

 }

Doing this step will ensure that your new font will be in your WordPress stylesheet. You’ll also need to save your stylesheet and then check to see that the fonts look the way you want them to on your site.

If they’re not showing up, you’ll have to clear the browser cache and see if your new fonts aren’t being overridden by a styling for fonts that’s located lower down on the stylesheet. 

Popular Types Of Free Fonts

There are many free fonts you can make use of on your site.

many font styles

Here’s a rundown of some of the best.

  • Google Fonts: This is the largest provider of free fonts. You can download the fonts to your computer so if you want to produce any offline materials that share the same fonts as your website you can do that without a hassle. 
  • Adobe Edge Web Fonts. Like Google fonts, these are free. They can be used with Adobe products or any other website. Adobe Edge Web Fonts all have licenses that have enabled them for personal and commercial use, so you don’t have to worry that fonts you like won’t be available for your needs.
  • Font Squirrel. This is a valuable resource for free fonts. The fonts are of a high quality and they’re available for commercial use. Just make sure that you always read the fonts’ licenses before you go ahead and download them.
  • Fonts101. You can get over 40,000 free fonts with Fonts101. Search the Font Style categories to easily find what you want. There’s also a forum so you can chat about fonts with others or consult with them about issues you’re facing, like trying to find the name for a font you’ve seen but can’t seem to find anywhere.

What’s Included In A WordPress Theme?

A WordPress theme will usually have three elements: a style.css file, WordPress template files, and an optional functions.php file – it’s the latter that enables you to make changes to the theme.

Every WordPress theme comes with fonts included so that you can better control the typography of your website. For example, the Astra and Tusant WordPress themes make use of Google fonts.

However, the fonts that are available for free will vary depending on the theme. For example, on Astra, a free plugin enables you to make use of custom fonts, while on Zakra you can make use of free fonts but opting for their “pro” version will give you more font-related features, such as the ability to adjust blog post typography and post meta typography.

What Are Some Of The Most Popular Fonts For Websites?

most popular fonts

In a survey conducted by Wichita State University’s Software Usability Research Laboratory (via WPMUDEV), it was found that the following fonts are the most liked by website visitors.

  • Sans Serif: 62 percent of people who were surveyed reported liking sans serif fonts for text that appears on websites.
  • Serif: 67 percent of people reported that they liked serif fonts. These are said to offer stability and practicality.
  • Cursive fonts: Cursive fonts were liked by 53 percent of people surveyed. It’s thought that decorative fonts are more emotive and creative. 

Related Questions

Can you add more fonts to your WordPress site?

You can do this if you have a Business or eCommerce WordPress plan as you’ll be able to make use of a plugin.

How can you reset the font to the theme’s default font?

This is easy to do – simply choose the “x” that’s located next to your current font and this will revert to the theme’s default font setting.

How many fonts should you use on your WordPress site?

To prevent issues with speed on your website, avoid using too many custom fonts.

A good rule is to stick to two and use them all over your website. This will also make your design classy and consistent.

Conclusion

The fonts you choose for your WordPress site are really important to make a good first impression on your site visitors.

They also contribute to the overall feeling you want to achieve with your website, such as when it comes to its level of style, warmth, and accessibility.

In this article, we’ve provided you with information you need to change WordPress’s default font setting and use your own unique font.

By choosing one of the three methods we’ve outlined for changing your WordPress font, you’ll be able to customize your website and make it feel more like you.

Leave a Comment

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