How to Add Custom Fonts in WordPress

How to Add Custom Fonts in WordPress

Learn how to add custom fonts in WordPress. Learn how you can change the Font on your WordPress website. By using Custom Fonts, you can provide the Best Design and User Experience.

Learn how you can change the Font on your WordPress website.

By using Custom Fonts, you can provide the Best Design and User Experience.

Let’s get started!

Table of Contents:

  • 0:00 Intro
  • 0:43 Method 1 - Change font using the ‘Customize’ Option
  • 3:19 Method 2 - Change font using ‘Google Fonts’ Plugin
  • 5:49 To change the Fonts Properly
  • 6:33 Outro

To change the Font, there are 2 Methods,

Method 1: Changing the Font using the Default ‘Customize’ option in WordPress.

  • To change the Font using this Method,
  • Click Customize ► Global ► Typography.
  • Now for some themes, this option may not be available
  • So If you don’t have this feature, you can skip to the second method.
  • If you want to change the Normal/Basic texts on your Page,
  • Click ‘Base Typography’.
  • And then choose the Font style you want in family dropdown.
  • Now if you select a Font style, the Font will be changed on your Website.
  • If you want to change the Font of your Headings,
  • Go back and Click ‘Headings’.
  • And as you did before, choose the Font style you want in heading dropdown.
  • After you select a Font, the font of your Headings will be changed.
  • To Save changes, Click ‘Publish’.
  • Go back to your Website and Click ‘Refresh’.
  • The Font will be Changed on your Website.
  • This is how you can Change the Font using the ‘Customize’ option in your Theme.

Method 2: Changing the Font using a Plugin.

  • To change the Font using this Method, you need to Install a Plugin.
  • To Install the Plugin,
  • Go to WordPress Dashboard ►Plugins ►Add New.
  • Search for ‘Google Fonts’.
  • Click ‘Install’ and then ‘Activate’.
  • And the Plugin will be Installed.
  • Now, Go back to the ‘Customize’ tab and click ‘Refresh’.
  • You will see a new Item called ‘Google Fonts’.
  • Now, Click it and goto Basic Settings.
  • To change the Font of the Content on your Website,
  • Click the box below ‘Base Typography’.
  • And then choose the Font style you want.
  • After clicking the Font style, the Font of the Content on your Website will be changed.
  • To change the Font of your Heading,
  • Click the box below ‘Heading Typography’.
  • And then choose the Font style you want.
  • After clicking the Font style, the Font of the Heading on your Website will be changed.
  • To Save changes, Click ‘Publish’.
  • You have successfully changed the Font on your site using a Plugin.
  • Now for some themes, the changes might not appear on the site.
  • To change the Fonts Properly, You need to enable an option in the ‘Customize’ option.
  • Go to ‘Customize’ ►Google Fonts ► Enable ‘Force Styles’.
  • Then click ‘Publish’.

Now the Font on your Website will be changed Properly.

That’s it, Guys!

This is how you can change the Font on your WordPress Website.

wordpress web-development programming developer

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Hire WordPress Developer

Whether you want to develop a blog or you want a feature-rich, interactive WordPress website? **[HourlyDeveloper.io](https://hourlydeveloper.io/ "HourlyDeveloper.io")** is a distinguished leader in the WordPress development market. **[Hire...

Best WordPress Development Services in India

Skenix Infotech is a top WordPress Website Development Company in India & USA with expert WordPress Developers. Get affordable WordPress Development Services.

Hire Dedicated Wordpress Developer

Find the latest jobs available in The Middle East today.

WordPress Development Company in India

Skenix Infotech is a top WordPress Website Development Company in India & USA with expert WordPress Developers. Get affordable WordPress Development Services.

WordPress Development Company in India

Skenix Infotech is a top WordPress Website Development Company in India & USA with expert WordPress Developers. Get affordable WordPress Development Services.