How to change the font of WordPress Site for free ( any theme )

5/5 - (1 vote)

Are you using a good theme but you don’t like its font? Themes are standardised. So, you may or may not like the font used in the theme. So, you can change it.

Some themes like Astra provide features to change the font, font size etc… But most of the themes don’t provide these features.

So, let’s change the font of your WordPress site.

Font changing Plugins

You can use a plugin called “Use any font” to change the font of your website. This plugin is a paid plugin. You have to pay $9.99 to download this plugin.

This plugin also can’t support all the themes.

So, I don’t recommend it as there are many other ways that are simpler and easier than using this plugin.

You can also watch this video by us:

Change Font Using CSS

In this method, we will use CSS to change the font of your WordPress website. It is very simple and easy.

  1. Go to Google Fonts to select a font
    • Note: Any other font provider that hosts fonts can also be used.
  2. Select your font and font-weight
  3. You will see a tab with your selected font
  4. Click on “import”
  5. Copy the code given from “@import …  swap’); ” (Highlighted in the picture)
  6. Copy Google Fonts Code
  7.  
  8. Go to your WordPress site and open the WordPress panel
  9. Go to Appearance>>Customise>>Additional CSS
  10. Paste the copied code in the coding panel on the left
  11. Save & Publish it
  12. Go to Google Fonts again and select the bottom-most code (below the 1st code)
  13. Copy the code named “CSS rules to specify families”
  14. Go to the CSS tab that is used in the previous step
  15. Copy and paste the following code
*{

}

Paste the Google Fonts code between the brackets and publish it. The font of your WordPress site will be changed.

Change the font in headings

Do the same process again. But in the last step, change the star to h1, h2,h3 etc… and add a property “font-weight: “.  Enter the font weight you selected in Google Fonts.

FREE Code

My code looks like this ( for headings and body )

*{
font-family: 'Inter', sans-serif;
}
h1, h2, h3, h4, h5,h6,h7{
font-family: 'Inter', sans-serif;
font-weight: 800
}

Font: Inter

How to use this code to change the font?

  1. Add the @import code from Google Fonts
  2. Replace the font family with yours given by Google Fonts under “CSS rules to specify families”
  3. Change the font weight with yours

Save and Publish the code. The font of your WordPress site will be changed.

Share with your friends 🙂

Sharing Is Caring:

Disclosure: This post may contain affiliate links, meaning that if you click on one of the links and purchase an item, we may receive a commission (at no additional cost to you). All opinions are our own and we do not accept payments for positive reviews. Learn More

Leave a Comment