Last Updated on July 21, 2023 by Rick Darlinton
Sometimes, you may need to change font on your WordPress website. In this article, we are going to show how to change font in WordPress. You will learn how to change font for main navigation menu, body texts and heading titles for your WordPress website. Now let’s get started!
Change font in WordPress using Customize feature
The first solution about how to change font in WordPress is to use the WordPress customize feature that allows you to change the heading or body copy texts as easily as possible.
- Navigate to Appearance>customize in your WordPress admin.
- Next, click on Global option and then tap on Typography.
- After that, you could select base option to change font for body texts or select Headings to change font of H1,H2 and titles.
- To change the font, just select Family option and choose your favorite font for WordPress website. You can also change font size in WordPress here.
- Finally, just click on Publish to save the fonts you just selected.
As you can see, you could change font and font size easily using WordPress customize feature as shown above.
Change font in WordPress using additional CSS
Apart from ussing the WordPress theme customize feature, you can also change the font by adding additional CSS.
You may find it hard to add additional CSS for changing the fonts. But actually it is easy to operate. For example, if you want to use the Serif font for both of your WordPress site titles and body texts, it is possible to achieve by adding the following CSS in the additional CSS box as shown below.
- Navigate to Appearance>customize
- Find the Additional CSS option and then add the following CSS codes in the box.
body {
font-family: ‘serif’;}
h1, h2, h3 {
font-family: ‘serif’;}
As you can see, when you add the css codes in the box, you will find the fonts will change accordingly on the right side.
Just please note if you want to change the fonts for body texts, you could add the font in the body class body {font-family: ‘your favorite font name’;}as shown above. Similarly, to change the font for headings or titles like H1,h2 or h3, you could add your favorite font style in h1, h2, h3 { font-family: ‘your favorite font name’;} class as shown above.
Finally, just click on Publish button to save the fonts.
How to change the WordPress Menu font
If you only want to change the WordPress Menu font, then we recommend you try the following trick to achieve it. You can first find the CSS that controls the menu font and add font family in the class.
- First, open your WordPress homepage and then right-click the mouse. Then, select inspect to see the codes.
- Now click on the arrow icon at the top bar as shown below and then move the mouse to the menu titles. After that, click on any menu titles. After that, you just need to find the class name that controls the menu. For example, for my WordPress website, it is this class name called .main-navigation a.
- After knowing the class name that controls the menu font, you can find the the class name in your WordPress css file called stylesheet.
- To access the css file, you can navigate to appearance>theme file editor and find the file called style.css
- After that, search the class name that controls the menu font .main-navigation a and then add font-family: your favorite font name; in the class as shown below.
Change the fonts using Easy Google Fonts plugin
Additionally, if you find it hard to change the title or body fonts by adjusting the css file, we suggest you just install a WordPress plugin called Easy Google Fonts. The easy google fonts are free to use. You could follow the instructions to install & activate this plugin and then use any proper fonts you love.
How to add custom fonts in WordPress
Do not find your favorite fonts in WordPress? If you have purchased some commercial fonts or designed some custom fonts by yourself, it is necessary to know how to add the custom fonts in WordPress. At this point, you can just install another plugin called custom fonts in WordPress and then choose to upload your custom fonts.
These are some simple yet efficient solutions about how to change font in WordPress. As said earlier, they let you you change font and size for titles, body copies or menu as easily as possible. You can try any of them and make your WordPress website look more brilliant and amazing.
Related Articles