Are you looking for the solutions to “How to change the font in WordPress“?

If so, you are in the right place, but before moving to that section, you may want to understand why you need to change the font in WordPress.

Thousands of websites use this technique to keep the users stay longer on their website. Moreover, many experiments show how different typefaces can make a message to the readers, as they could be very appealing and potentially influence the users.

So here’s why it would become essential for you to also focus on the fonts with the themes. But there are thousands of fonts available in the selections, and many of them are available for paid, but most of them are useless.

So, choosing the correct font for your website would also become a tuff decision for your WordPress website. But don’t worry; in the later section, we will also suggest some best fonts for your WordPress website.

But, the main question that many WordPress users have is how to change the fonts in WordPress. So, we will be showing you the two ways of adjusting the fonts within your WordPress themes.

But the most common solution that every user would like to follow is by changing the typography from the WordPress theme settings, as these themes provide many font options to change.

But in many old themes, they do not provide these existing options to choose the fonts; in that case, you have to write some line of CSS, where you will have the edge to customize the font accordingly.

How to Change the font in WordPress theme using the WordPress Customizer

Using custom fonts on your WordPress site can be challenging, but there are easy ways to change them. We will be using the theme customizer option, which falls under the appearance tab.

Step 1. Open the theme customizer

How to Change the font size in WordPress

First, go to your WordPress Dashboard, select the Appearance> Customize, and open the WordPress Customizer. But if you find the “theme options” under the appearance settings, it may be effortless to customize the fonts.

Step 2. Locate the typography settings

How to Change the font size in WordPress

After going into the customizer, you will see tons of options; navigate typography settings. But unfortunately, this option may be unavailable for many users, and as I said, if you have an old theme or if it doesn’t support changing the fonts, you may need to customize using the CSS.

Step 3. Choose the section and change the font

How to Change the font size in WordPress

Next, you will find many options under the typography hood, and you have to choose which section of the theme you want it to customize.

How to Change the font size in WordPress

For example, if you want to customize your page’s fonts, you would need to select the body option, and there you will be getting a complete font customizer, where you have the freedom to make the font more attractive.

But still, it depends upon your theme. For instance, I am using the generatepress theme, where it has those options to choose the google font; thus, it makes the process easier, so you could apply the different fonts on different sections of the website.

Once you have done your customization, you can save the settings by clicking on the publish option.

How to change the fonts using the CSS in WordPress

The above way is about having the typography option under the theme customizer settings. But, those who don’t have that option can use this method to change the fonts in any WordPress theme using the custom CSS method.

If you plan to change and add a completely new font, like the fonts from Google, you would need to do some pre-coding via the @font-face rule.

First, you need to have the licensed font for web use; then, you must upload the chosen font to your web server. Also, it would help if you defined the font family to the top of your style.css; but it could be risky. So that’s where we recommend using a child theme and then applying the methods to stay on the safe side.

@font-face {font-family: Museo300;
src: local(‘Museo300-Regular’),
url(“fonts/Museo300-Regular.ttf”) format(‘truetype’);
font-weight: normal;}

The next step would be changing the font globally; for that purpose, you need to add a single line of code to the style.css manually.

Step 1. Navigate to themes editor

How to Change the font size in WordPress

Under your WordPress dashboard, you have to select the Appearance> theme editor. And you will easily find this option, and it also must be available, but in many cases, if you use some security plugin like sucuri or the wordfence to block the WordPress code editor, you may have to block it once.

Step 2. Select the style.css

How to Change the font size in WordPress

Now it will open the theme editor; these settings could help us change the WordPress theme settings by adding the codes. In the same way, we will use this method to change the fonts in WordPress.

It would help if you found the style.css option, a stylesheet used to style your document, which includes the page layouts, colors, and fonts determined with CSS.

Step 3. Add the CSS code

How to Change the font size in WordPress

Our next step is to add this line of code only if you want to change the font globally across your theme.

* {font-family:”Courier New”}

For that, you need to change the font’s name; you want to use it across the site and save it.

How to Change the font size in WordPress

But if you want to change the font for specific theme areas like the body, footer, header, or navigation, you have to alter the same code we have used.

body,
button,
input,
select,
textarea
 {
font-family: Arial;
font-size: 1em;
padding:0;

line-height: 1.6rem;
margin:0; }

Now, add this code to the same theme file style.css, where you have to change the area’s name and the font name.

For example, if I want to change the font for a specific area like the header section, I would change the name from the body to the header, which applies to the other sections.

I recommend you use the WhatFont extension for the font selection to tell the font’s name when you hover upon any font on a website.

How to change the font in WordPress using the plugin

You must have learned how to change the fonts from the above methods through theme customizer and theme editor. But the problem is, using the CSS method could be a typical task for many of you users.

This method on contrary to other methods mentioned before is very simple as we’re going to use a plugin.

Be noted that adding additional too many plugins to your WordPress might cause it to load slowly when you have low hosting resources. So make sure you get your website a good WordPress hosting if this lightweight plugin slows down your site.

Step 1. Install and activate the plugin

How to Change the font size in WordPress

First, you need to install the easy google fonts plugin, But if you are unsure how to install the WordPress plugin, navigate to Plugins > Add new plugins > type the plugin name in the search box you want to install.

Step 2. Go to plugin settings

You need to head on the plugin’s settings and then navigate to settings> easy google fonts. You will find the easy font control panel; from there, you could create a new font control.

Step 3. Create a new font control

Here, you will need to create a new font control, type any name you want to keep and click on create font control.

And your new font options will be created within seconds.

Step 4. Select the font

After creating the new font control, you now need to select the font options from the typography. Here, the typography options will automatically add to your theme customizer.

Simply navigate to Appearance > Customize > Typography. Here, you will see the two options, “default typography” and “theme typography.”

Under default typography, you will get different sections or areas to change the fonts. And, from these options, you can change the fonts by customizing under one specific place as it would depend upon your theme layout.

But if you want to add and customize it using the CSS, then theme typography would be a good option, and you could customize each font control you created from the settings and add it over using the theme typography.

Once you are done with customizing the fonts, publish it.

Best font for your WordPress Website

We have done the customization part; now it’s time to look for some awesome and stylish fonts for your website.

We have collected and made a list of a few good fonts. But there are few distributions among these fonts, which are called the types of families. Some are serif, sans serif, fantasy or cursive, and monospace.

These are some of the most popular fonts used for websites. You can choose anything that matches your taste:

  • Open Sans
  • Montesserat
  • Rubik
  • Lora
  • Roboto
  • Proxima Nova
  • Oxygen
  • Ubuntu
  • Karla
  • Merriwether

Conclusion

Changing the fonts from WordPress could be difficult as your theme provider may not have integrated the typography customizer under the settings.

In that case, you can customize it using the CSS editor, and that would be a little bit difficult for a newbie, but if you want to customize without touching the line of code, then using these plugins could save your time.

  1. Easy google fonts plugin
  2. Google Fonts Typography

Once again, if any of these plugins slow down your website, it means your web hosting is not good enough. If that’s the case, try switching to a futuristic cloud web hosting service that comes with more resources.

We hope that we solved your problem in this in-depth article on how to change the fonts in WordPress. If you have any questions, do let us know in the comments section.

People Also read :