fbpx
How To Change Font In WordPress? (3 Reliable Methods)
January 13, 2022

There are numerous techniques to make your WordPress site more appealing to the eye. When you change font in WordPress site is one of them.

To rebrand your WordPress site you can change font in WordPress.

You can also add custom fonts in WordPress site, and you can even get web fonts from the same server that your website is hosted on.

As not all user are on the same level. Some users might be able to use CSS and be able to change fonts using CSS and code. While other users might be comfortable with a more straight forward easier option. In this article we will be discussing several options for changing and updating fonts in a WordPress site.

Why font choice in important in WordPress

A website should be able to communicate the business’s goal and sentiment to its online visitors and in today’s digital age, when we change font in WordPress site, its the simplest and best approach to do so. When we  change font in WordPress site, we can say that it is entirely personal; it is an extension of a brand’s image. It is critical to select the appropriate typographic fonts for your website, typefaces that are appropriate for your industry.

The font of the website design should match the company’s brand image. When it comes to website design, using stylish fonts helps to keep consistency while also making the site look aesthetically beautiful and entirely professional. Fonts contributes to the attractiveness of the content as well as the readability of the website, all of which contribute to a great user experience.

Where to download fonts for WordPress?

Font Squirrel is one of several sites where you may discover free online fonts. Free fonts that are licensed for commercial use are easy to come by. Aside from that, Google Fonts includes over 900 font families, and Adobe’s Edge Web Fonts has a large library of web fonts.

How to change font in WordPress site?

When there is a need to change font in WordPress, a person who is well aware of WordPress theme can make changes to fonts in specific areas of a theme quite easily. To do so, user will need to identify the CSS script that belongs to that specific area (headers, footer, body, etc).

If you want to change the font in its entirety you will need to do a bit of coding through @font-face rule.
You have to choose a font which is fully licensed for site use.
Then you will upload your new font to servers. In the end you will need to code your font family at the very top of your style.CSS. Just to be on the safe side use a child theme.

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

Method 1: Change font in WordPress site throughout the theme

To change the font throughout your whole WordPress site theme is so simple that you can do it with just one line of code.

Procedure:
  • Find theme’s editor by clicking “Editor” in appearance tab.
change font in wordpress
  • Scroll down to CSS style sheet. (This is where fonts are defined)
  • Enter the following code on top of stylesheet
    {font-family:”Name of Font”}

Method 2: Change font in WordPress for specific theme page

Sometimes you do not want the whole theme’s font to changed and just want a part or a page or a section’s text font to change. However, this could be difficult because WordPress themes use font in so many different ways. Actually font can be anywhere.

Mostly, a particular font is seen in the body of the WordPress site. This is an overarching font and will be used to decide the font for the fonts in the WordPress site. These are not determined by a specific tag, class or div.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Fonts that are in the post’s content are mostly located in the following CSS class: content, post, entry and post entry.

Method 3: WordPress font plugin

If you do not think of yourselves as a techie or may be you are not sure about changing and messing with code, using a plugin to adjust font-styles is the way for you. Most people gravitate towards WordPress because they are not aware of the coding of a website or do not have advance knowledge about the CSS codes.

In this method, we will be discussing Easy Google Fonts.

Easy Google Fonts:

Google Fonts and Easy Fonts are both huge collections of fonts. Google Fonts provides a basic and straightforward approach for adding unique Google fonts to any WordPress theme without any coding knowledge. This plugin works hand in hand with the WordPress Customizer to allow you to see Google fonts on your site in real time. You’ll be able to modify the color of each header to distinguish them. Examine a font family you like and experiment with different variations of it.

Procedure:
  • Plugin -> Add New
  • Search for “Easy Google Fonts”
  • Install and activate
  • What it did was, in setting menu, it created a new tab called “Easy Google Fonts”, Click it
  • Here you will have complete control over the fonts used. In other words, over here, we set the CSS selectors so the fonts will be applied.
  • Control Name -> Paragraph -> Click on “Create Font Control”
  • “Add CSS Selector” to which the changes will be applied to since its a paragraph, it will be applied to the ‘p’ tag.
  • Check the force style override because we do not want to fight with the theme’s styles
  • Click on “Save Font Control”
  • Click Appearance -> Customize
  • Select “Typography”
  • Select “Theme Typography”
  • You will see the control group controls
  • Click on “Edit Font” drop down list
  • You can make changes here, as much as you want.

Conclusion

There are a variety of ways to make your WordPress site more visually appealing. One of them is when you alter the font on your WordPress site. You can change the font on your WordPress site to rebrand it.
There are a number of ways with which you can easily change font in WordPress and we have covered each of them in this article.

If you have any questions, feel free to ask them in the comments section below.

Asma Khalid is a Product Manager at CloudPages. She also oversees Content Writing and Social Media at CloudPages.

Recent Posts

Get Newsletter Updates

Types of eCommerce Business Models That Work in 2022?

Types of eCommerce Business Models That Work in 2022?

Whether you're a new or established e-commerce store owner, eCommerce business models are essential to ensure the profitability and value of your product. It simplifies branding aspects by measuring scalability and planning marketing tactics, giving you a competitive...

read more
How to Install the PHP ImageMagick Extension

How to Install the PHP ImageMagick Extension

Some web PHP applications, such as WordPress and Laravel, may require the additional PHP ImageMagick extension when developing a website. Imagick PHP is a PHP extension for image processing. All CMSs support the ImageMagick PHP extension; however, it is deactivated by...

read more

Comments

7 Comments

  1. Lisa

    As a non-techie, this was a really helpful post, especially with all the screenshots. Thank you very much for sharing 🙂

    Reply
    • Asma Khalid

      Hope this was helpful for you. If you still need any guidance, feel free to ask for it.

      Reply
  2. Vourneen

    This is such a useful post! I was trying to change the font on my other blog a few weeks ago and gave up! I’ll definitely be re-reading this post later to help me change it. Thanks for the tips!

    Reply
  3. Asma Khalid

    Glad you find it useful. Do check out our other articles too for more tips.

    Reply
  4. Adelaide

    This is a very helpful post, I have definitely to learn more about all this technical world. Thanks to sharing.

    Reply
  5. Ivana

    So informative! Thank you

    Reply
  6. Gemma Jayne

    Thank you for sharing this post Asma, it was so informative and I am sure is going to be so useful to others! I know it can be hard sometimes looking through google trying to find posts to help sometimes, but this one is really good! x

    Reply

Trackbacks/Pingbacks

  1. 4 Hassle Free Ways on How to Change Font Size in WordPress - CloudPages - […] we’ll show you how to change font size in WordPress for posts and themes. This is different from changing…

Submit a Comment

Your email address will not be published.

Subscribe

Join Our Newsletter

Pin It on Pinterest

Share This