3 Easy Methods For Changing WordPress Fonts

Font styles

“How to change fonts in WordPress?” is one of the most common queries among people with minimal tech knowledge, and that has a good reason.WordPress doesn’t really seem to offer too many options for you to play around with your site’s typography out of the box.

Today, in this piece, we will explain how to change fonts on WordPress in three simple steps. But before we dive into that, let’s talk about why font choice is an essential aspect of website design. Also, we’ve written other pieces of content such as “how to edit your WordPress footer?” in order to raise your knowledge on the design perspective.

Let’s Begin.

Why selecting the Right Font Is Important In Web Design?

For those with little or no development knowledge, website design might sound like a simple process of choosing a color scheme, fonts, and setting up a navigation bar.

However, it isn’t very easy because there’s a lot that goes into creating an effective website design apart from the aesthetics. While choosing fonts for your WordPress site, you need to consider factors like readability, marketing, and whether the font matches your branding.

To be specific, there are two major ways in which fonts would impact your site’s design. Let’s talk about them.

1.      Usability

Usability is the most important aspect that your choice of fonts will impact. Suppose you choose a font that is harder to read. Your prospects are most likely to abandon your site out of frustration and look for alternatives.

2.      Branding

Readability is one thing, but you also need to focus on how good, relevant and stylish your font looks with your brand’s tone. It is a great idea to consider aspects while choosing a font for your site in simpler words.

Now that you know how your font choice can impact your website’s design let’s talk about how to change fonts in WordPress.

How To Change Fonts In WordPress?

Technically, there are quite a lot of ways by which you can change the font on WordPress sites. However, here we have mentioned 3 of the very basic ways of doing that. Let’s begin with the most common one.

1.      Check What You Can Change With Your Site’s Theme Or Page Builder’s Font Options

Most people do not use WordPress default site themes since they’re not good enough for business sites. Even though these themes are well-coded, they’re more of concept pieces only. You can learn more about this in our guide on Ecommerce CMS.

It is a great idea to select a specific type of theme that fits your needs the best in simpler words. Although choosing a premium one would provide you with great customization options, there are also free decent options that you can opt for if you’re tight on budget.

Most of these themes would allow you to access the entire suite of Google fonts from where you can choose your WordPress site’s right fonts.

There are typically two ways of changing the font in WordPress through themes. Firstly, you can access the customizer’s menu and change your fonts from there. The other themes come with a dedicated admin panel with all the design options you need to access.

These admin panels are much easier to navigate. You just need to click on the relevant dropdown menu and select the fonts of your choice. The changes may occur immediately.

The working of Page Builder plugins is quite similar to this as well. Some of the most popular ones include Elementor and Beaver Builder.

2.      Install WordPress Font Plugins

If you don’t like the fonts offered in your theme, then another great way of changing your WordPress fonts is installing and activating a dedicated fonts plugin.

Now there are typically two types of font plugins that you’ll find in WordPress’s plugin directory – Font embedding plugins and Font uploading plugins.

Font embedding plugins enable you to pull your desired font from dedicated directories such as Google Fonts and embed it within your site.

One great example is the OMFG – Optimize My Google Fonts plugin. Moreover, there are plugins also available for those who’re using Adobe’s subscription fonts.

It is worth noting that connecting your site with Google or Adobe’s servers would require you to process some extra steps. However, this would also help you avoid doing few other steps that occur while implementing fonts manually.

Font uploader plugins are much different than the embedding ones. You can quickly tell this with the name that these plugins enable you to upload a specific font of your choice and use it on your site. Although any relevant plugin can do the job for you, the most popular plugin for this job is Google Fonts Typography Plugin.

3.      Adding Custom Fonts Through Simple Coding

If you’re willing to learn how to change fonts in WordPress manually, then this final method is your way to go. Even though it involves some coding, but the best part about this method is that it is quite learnable. Even with the average knowledge, you can easily learn and implement this method.

As for the downside, you might not get a wide array of choices other than a dedicated plugin’s premium theme. However, you can still keep your site away from unnecessary bloatware and use a font of your choice.

To implement this method, you’d require

  • Average knowledge in CSS
  • The font that you want to embed in your website
  • Access to your WordPress core
  • Some knowledge about FTP (File Transfer Protocol)

Let’s explain this to you with an example. Suppose you choose a Google font “Oswald.”

Select the style you want to embed. We’d recommend you to choose Bold, Standard, and Italic styles. Once you’ve chosen the style, the easiest way of embedding the font is to click on the Embed tab and copy the code into your site’s section.

Though, we’d suggest you to go for the Enqueuing method. In this method, you’ll first need to copy the link to your fonts. Here’s an example

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

Now you need to access your WordPress site’s file using FTP. From here, you need to open your child theme’s root directory and access functions.php.

Once you’ve opened the functions.phpfile, enter the following code. (Note that you need to replace the link mentioned in example with your chosen font.)

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’ );

The last step is to declare where you want to use the fonts. To achieve this purpose, you need to access style.css file in your child theme’s root directory and add the following.

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

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

}

Typically, this would inform your website’s front end that you want to use this specific font in a specific style. Note that you can also remove declarations if you don’t want to apply new fonts in every section.

Over To You

There you go. Now you the three easy methods of changing fonts in WordPress. It is equally important to remember that best practices keep changing, so if you find any disconnection between these methods and what is presented to you, we’d recommend you get expert advice.

Also, read our guides on subjects like Fixing WordPress White Screen of Death error and White label to raise your knowledge.