Add Google Font To WordPress Theme

One of the easiest ways to customize a website is to add custom fonts to it. Google Fonts has different fonts that can ease up the customization process. There are two ways of adding Google Font to WordPress Websites.

  1. Manually by code
  2. By Plugin

In this guide, we are going to show you how to install Google Fonts to your WordPress site using plugins and manually. Using this article you will learn how to add Google fonts to WordPress themes even if you are newer in web development.

What is Google Fonts?

Launched in 2010 and hosted by Google, Google Fonts is a collection of APIs that lets you access different web fonts freely. Google Fonts is a resource that allows everyone to use different web fonts and stylize your paragraphs at your discretion.

Add Google Font To WordPress by Code

To add Google font to your WordPress theme, you are not allowed to add it by <link> tag. The standard way is to add it by WordPress built-in functions. To do that, add the below code to the functions.php file of your theme.

function hs_custom_add_google_fonts()
{
    wp_enqueue_style('custom-google-fonts', 'https://fonts.googleapis.com/css2?family=Lato&display=swap', false);
}
add_action('wp_enqueue_scripts', 'hs_custom_add_google_fonts');

Just change the URL of the font add your favorite font.

Add Google Font To WordPress by Plugin

A simple and easy way to add custom Google Fonts to any WordPress theme without coding is using plugins.

Google Fonts Typography is one of the WordPress plugins that integrate Google Fonts with your WordPress site.

Easy Google Fonts allows you to take full control of your theme’s typography in any WordPress theme (no coding required).

Shopping Cart