How To Change The Font In WordPress

How To Change The Font In WordPress

Last modified: February 4, 2020

FAQ
bluehost

WordPress isn’t well known for the fonts available to web owners. But that doesn’t mean that you can’t add some individualism and branding to your site with a different font. Some themes allow you to do this. But not all are created evenly. So here are some ways to change your WordPress font.

Within The WordPress Theme

One way to do this is to do it within the WordPress theme. To do this, you need to identify and locate the CSS script that renders the font for the area you want to add the new font (body, header or foot). Then select a licensed font that can be used on the website. Then load that font to your server.

Next you need to define the font family at the top of the style.css. It is best to use a child theme for this. Here is an example of the code you should insert:

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

Change The Font Globally

However, this method doesn’t change the font across all your website. Only for certain areas.

Widgets might not be affected by this change, which can be frustrating. Instead, you need to find the theme’s CSS stylesheet. Then you can add this line of code to that stylesheet:

* {font-family:”Name of font”}

Change The Font With The Help Of Plugins

An easier way for you to change the font on your WordPress website is to upload a plugin and use those to change the font on your WordPress website. There are simple reasons why this might be a good idea.

First of all, it allows you to make changes to your site without the need to know any coding. It also prevents your site being broken because of bad coding. There are several plugins available that offer you this functionality.

Here is a quick list of some of the best plugins for changing the font on your WordPress websites.

Easy Google Fonts

Easy Google Fonts

This is the easiest, cheapest and best way to add custom Google fonts to your WordPress theme without the need to know any coding. It integrates easily with the WordPress customizer. This allows you to make changes and see the results live in the preview screen. Easy Google Fonts is compatible with all themes.

Use Any Font

Use Any Font

Use Any Font allows you to use any font on your WordPress website. No coding knowledge or manual changes to your CSS file needed.

WP Google Fonts

WP Google Fonts

This option allows you to not only change the font for your WordPress website, but allows you to have different fonts for different areas of your website.

Now you should be able to change the font of your WordPress theme.

Save 4 Later
Email these links to yourself