Article read time - 5 minutes

While WordPress doesn’t seem to offer much in changing your typography out of the box, how to change fonts in WordPress has become one of the most commonly asked questions among WordPress developers, especially beginners.

Even though this may sound subjective, your site’s performance highly relies on how good your website looks and how readable your content is. Let this be known that the typography in your content positively influences its readability. There’s a significant number of brands that outsource such services, adding up their website maintenance costs. In this article, we’ll walk you through a rundown on how to easily change WordPress fonts in order to raise your knowledge from a design perspective. Let’s begin.

How To Change Fonts in WordPress?

In general, there are multiple ways to edit WordPress fonts, but since this guide is mainly meant for beginners, we’ll discuss the three primary methods.

  1. Changing WordPress fonts using the site’s theme or Page builder font options.
  2. Changing WordPress fonts through plugins.
  3. Adding custom fonts with simple code.

Let’s start with the easiest and most common method.

Changing WordPress Fonts Using Site’s Theme Or Page Builder Font Options.

Usually, people avoid using the default themes offered by WordPress because they’re more like pieces of concepts. Even though these themes are very well coded, they’re not good enough for a business website due to their minimalistic nature in offering customization and design options.

improve your core web vitals

 In simpler words, we’d recommend you to choose and use a third-party theme depending upon the type of site you’re building. Using themes with paid premium would be great since they offer much wider customization, but you can also use a free theme with decent customization options. Some great page builder themes include Beaver Builder and Divi. There are a number of best Elementor themes available as well if you’re low on budget.

Note that most themes would allow you to access the Google Fonts suite.

Now to change the fonts of WordPress using a theme, you can simply go to the customization options and navigate to the Fonts section to edit your website fonts, or you can use the admin panel provided by the theme.

Working with the admin panel is comparatively much straightforward. All you have to do is to navigate to the Fonts dropdown menu to change your WordPress fonts.

The second option to edit your WordPress fonts using the theme is by using page builders. The working here is no different than the admin panel itself. Beaver Builder is an excellent example of page builders.

Changing WordPress Fonts through Plugins

The second method to edit or change your WordPress fonts is to use plugins. All you have to do here is look for a suitable dedicated fonts plugin, download it, and activate it.

In the WordPress plugin directory, you’ll typically find two types of font plugins. One, font uploading plugins, and second, font embedding plugins.

Let’s discuss font uploading plugins first. You can quickly tell this by looking at the name that these plugins use to upload specific types of fonts stored on your device and integrate them with your site’s content. Google Fonts Typography is a popular example of such plugins. However, there are many reliable alternatives as well.

Font embedding plugins are the ones that enable you to choose your favorite fonts from the Google of Adobe directories and embed them with your site’s content. 

An excellent plugin for this purpose could Optimize My Google Fonts. Again, there are other alternatives to that as well.

Note that this method would require you to execute some extra steps to establish a connection with Adobe or Google’s servers. In the long term, it is much easier than changing fonts manually.

Let’s move down to the final method – changing WordPress fonts manually with code.

Adding custom fonts with simple code

If you plan to opt for a manual approach, adding custom fonts to your WordPress site through simple coding is your way to go. Now coding here doesn’t mean that it is a tough method. It is pretty straightforward and learnable. You’re only required to have access to the WordPress core some knowledge in CSS and FTP (Files Transfer protocol).

Here you can implement this method.

Choose a font that you want to embed on your site and select a style (Bold, Italic, or standard). Once you’ve chosen both entities, click on the Embed tab and copy the code that appears. Now paste this code into your WordPress site’s section.

You can also opt for the enqueuing method, where you’ll have to copy the link to your site’s fonts. Refer to this example below.

‘https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap’

Open your client FTP and access your WordPress site files. Navigate to the child theme’s root directory and open functions.php file, and copy the code mentioned below in this file.

function add_my_font() {

wp_enqueue_style( ‘add_my_font’, ‘https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap’, false );

}

add_action( ‘wp_enqueue_scripts’, ‘add_my_font’ );

Note that you need to use your desired font in the code, Oswald here is an example.

Now you have to determine where and when you want to embed these fonts on the site. You can do this by using your style.css in the theme’s root directory. Add the following code to this file.

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

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

}

There you go, now you know how to change or edit fonts in WordPress easily. Before we end up, let’s briefly talk about why choosing the right font is critical when it comes to your site’s design.

 Why Choosing The Right Font Is Important?

If you’re new to this, you may think that designing a website is just a matter of adding up details like the color scheme, setting up a navigation bar and menus. However, that’s not the case. A lot goes into creating a website design, such as creating WordPress footers and dropdown menus that can offer a great look, feel, and most importantly, the UX.

Similarly, the fonts add up highly to the UX of your website – which is a critical factor determining whether or not the site will be successful. Here’s why choosing the right fonts for a website is important.

Branding

Branding is an essential factor, especially if you’re running an online business. The fonts that you’re using should match your brand’s tone. These fonts should be consistent, good-looking, and above all, readable.

Usability

Usability and readability are essential aspects of great content, and the fonts highly influence them. Suppose the fonts on your website are not easily readable. Your audience won’t waste their time trying to read the content. Instead, they’ll bounce off your site and look for suitable alternatives.

Parting Words

Using these three methods, you can easily change or edit the fonts of your WordPress site. Note that it is equally important to focus on other best practices in website design so that your website is always up to date with the latest trends and protocols.

wordpress support plans

Leave a Reply
Comment policy: We value comments and the time that visitors to our blog spend to give feedback. Please note that all comments are manually moderated and any deemed to be spam or promotional will be deleted.