How to Add Custom Fonts in WordPress?

0
212
How to Add Custom Fonts to WordPress

Do you want to add custom fonts in WordPress? Custom Font is an effective tool for the branding and web designing of your website. It enables your niche and audience to see the topics you cover in a vibrant way which might be preferred by them. 

The best part is that fonts can be customized freely like the colour, images, headings and text size of your WordPress website. 

Many companies often end up using the same font time and again. In this case, if you learn to add custom fonts in WordPress, you will be able to style your website’s font size, font slant, font thickness and much more as per your requirement.  

Importance of Custom Fonts

Many WordPress Beginners might not know this but fonts play important role in the way your web page renders. According to Akamai Developer, the use of custom fonts has increased rapidly in a decade. 68% of websites in the HTTP Archive use at least one custom font.   

Using Custom Fonts you can come up with really creative ways to use text. Custom Fonts can be designed around logos and existing images as well. Anything that you think of can be turned into text just the way you want it to be. 

As you know the importance of custom font, I am sure you want to add it to your website as well. Let’s begin the way step wise step:

Add Custom Fonts in WordPress

The easiest way to add custom fonts in WordPress is by using a WordPress plugin. While following this method, users don’t need to use coding which makes this method even much easier. 

First of all, you need to Install and Activate the Easy Google Fonts plugin by Titanium Themes.

Add Custom Fonts in WordPress.

You can also use other plugin but be sure that the plugin should meet your website requirements.

 If you don’t have knowledge regarding installing a plugin go through our article “How to Install a Plugin on your WordPress website

After activating the plugin, go to Appearance>>Customize page at the left sidebar of the page. Over there you can see Typography section, click on that section.  

Add Custom Fonts in WordPress.

You need to click on Edit Font option below any option that you want to edit. Under the Font Family section, you can choose the Standard Web Fonts as per your requirement. 

Add Custom Fonts in WordPress.

Then make changes in Font Weight/Style, Text Decoration and Text Transform as per your requirement. 

Add Custom Fonts in WordPress.

The sections available might be limited due to the theme that you are using on your website. So, this plugin enables you to create, control and change fonts on the website. 

In order to do it, go to Settings>>Google Fonts page. Then fill up the appropriate name in Control name

Add Custom Font in WordPress.

Now, click on Create Font Control option at the right side of the page. Then the plugin asks you to Add CSS selectors. After that add HTML elements or use CSS classes.

Add Custom Fonts in WordPress.

Click on Save Font Control to save all the changes you have made on your website. 

Note: You can create the numbers of font controllers as per your requirement. 

In order to use these fonts controllers go to Appearance>>Customizer option at the left sidebar of your page. 

Then click on Typography>>Theme Typography option. 

Add Custom Fonts in WordPress.

Finally, click on the Publish button to save all the changes that you have made on your website. 

LEAVE A REPLY

Please enter your comment!
Please enter your name here