Limited time offer: Get CloudPages Personal plan for $1.

Learn More

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

Have you wanted to add your own taste or rebrand your WordPress site? To do so you can change fonts of your theme. 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.

How to change fonts in a WordPress site?

A person who is well aware of WordPress theme can make changes to fonts in specific areas of a theme. 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 pre-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 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 for specific theme are

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 has a gigantic assortment of Fonts and Easy Google Fonts offers a basic and simple method for adding custom google fonts to any WordPress theme without coding. This plugin coordinates with the WordPress Customizer so you can see google fonts on your site in real-time. You’ll have the option to change the shade of every header to separate them. Observe a font family you like and play around with various forms 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
  • You have Font Controls. This is a strange way of saying we set the CSS selectors so the fonts will be applied to
  • 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.

Recent Posts

Get Newsletter Updates

How To Create A Mautic Landing Page?

How To Create A Mautic Landing Page?

https://youtu.be/QWr7DPylkwA Landing pages are standalone web pages with a single purpose. Providing a landing page lets you offer a special deal, piece of information, or offer in exchange for contact information. Using dynamic landing pages, you can do more than...

read more
Drip Campaign Using Mautic in 5 Easy Steps

Drip Campaign Using Mautic in 5 Easy Steps

https://youtu.be/p2_ZlbOcRXY A drip campaign, or drip marketing, implies utilizing a progression of pre-arranged, computerized messages to existing and planned customers to empower collaboration and deals. The multi-step correspondence stream can be set off by time,...

read more
How To Enable Breadcrumbs With Rank Math WordPress SEO Plugin?

How To Enable Breadcrumbs With Rank Math WordPress SEO Plugin?

https://youtu.be/8lFpdmuaL9c When a user enable Breadcrumbs, it helps them to navigate back from homepage to the current page they are on. By enabling breadcrumbs , user gets so many benefits, which includes a much better user experience , a much lower bounce rate and...

read more

Comments

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Subscribe

Join Our Newsletter

Pin It on Pinterest

Share This