In WordPress, you can change fonts using two methods. Your preferred method has a lot to do with how good you in coding and how comfortable you are with Cascading Style Sheets (CSS).
Before going into the nitty-gritty of changing fonts in WordPress, I will like to tell you how fonts get fetched for displaying.
How WordPress Fonts are fetched for Display
Basically, a WordPress theme designer can use different fonts for specific sections in a theme. This is the reason why you shouldn’t be surprised to see different fonts in the footer, body, sidebar, and even the body.
Therefore, for you to successfully change the font of any section in the theme, you need to first identify the CSS script responsible for rendering the font of such section.
All areas of a theme have a <div> section where the font in such section is listed. Hence, the font used in the sidebar of your theme sidebar will likely be found in its <div> tag. This is also true with other theme elements. In essence, you will need to understand how your subject is coded for you to know which snippet to modify.
The best approaches to change fonts in WordPress
Approach #1: Editing/Modifying the Theme’s Stylesheet
Open the editor of the activated theme by simply clicking on the ‘Editor’ option under the ‘Appearance’ tab.
To locate the CSS Stylesheet of the theme, scroll down. All fonts are defined in this section of any theme.
However, if you wish to make change to the global font throughout your theme, pasting this CSS line of code at the top of the stylesheet is all you need:
You can then go on to change font name “Courier New” to the name of your desired font. But, this might not be the best approach for experienced developers.
As an experienced developer, you will need to identify the necessary code snippet of your target section (for instance, body’s post) before making any change to the font. This is extremely debilitating.
Approach #2: Making use of Plugin
You can use a plugin in case you do not want to get your hands dirty with coding. CSS Hero is a good and effective plugin you can use to change the font in various section of your theme.
After installing CSS Hero, you will be able to see a blue icon at the top of your website once you visit your website as the admin. Simply click on this particular icon.
CSS Hero is activated by this click. Now you are going to need to select the component you want to edit.
Therefore, in the event you would like to modify the font of your post title, click onto it, and you will see numerous customization choices.
This comes in handy for the non-techie group of WordPress users.
If you’ve ever faced any kind of difficulty in changing font on your WordPress site, we would love you to share your experience in the message box!