How to Add Google Fonts to Your WordPress Site

Are you tired of using the same old fonts on your WordPress site? Look no further than Google Fonts, a popular web font service provided by none other than Google itself. With over 900 font families to choose from, the possibilities are practically endless.

Step 1: Choose a Google Font

The first step in adding Google Fonts to your WordPress site is to choose the font that will give your site a unique look and feel. With options ranging from Serif to Sans-serif, Display, and Handwriting, there’s a font for every mood and occasion. Once you’ve found the font you like, click the “+” icon to add it to your collection.

Step 2: Create a Custom Font Collection

Next, you’ll need to create a custom font collection by clicking the “Use” button. Google will provide you with a code snippet to copy onto your website. Don’t forget to choose the right character set and font style options before copying the code.

Step 3: Create a Child Theme

Before adding the font to your website, it’s essential to use a child theme to avoid losing any customizations you’ve made to the parent theme. This involves creating a new folder in your “wp-content/themes” directory with a unique name for your child theme. Create a style.css file in the folder and add the following code:

/* Theme Name: Child Theme Template: parent-theme-name */

Replace “parent-theme-name” with the name of your parent theme and activate the child theme from the “Appearance > Themes” section in your WordPress dashboard.

Step 4: Add Google Font to the Child Theme

Now that the child theme is created, you can add the Google Font to it by editing the functions.php file in your child theme. This involves going to “Appearance > Editor” in your WordPress dashboard, selecting the functions.php file, and adding the following code:

function add_google_fonts() {
    wp_enqueue_style( 'googleFonts', 'https://fonts.googleapis.com/css2?family=Font+name:ital,wght@0,400;0,700;1,400;1,700&display=swap' );
}
add_action( 'wp_enqueue_scripts', 'add_google_fonts' ); 

Don’t forget to replace “Font name” with the name of the Google Font you want to use and then save your changes.

Step 5: Assign Google Font to Your Website

Now that you’ve added the Google Font to your child theme, it’s time to assign it to your website. Simply go to “Appearance > Customize” in your WordPress dashboard, click on Typography or Fonts, depending on your theme, select the font you want to use from the dropdown list, and then save your changes.

Conclusion

Adding Google Fonts to your WordPress site isn’t rocket science, but it does require some technical know-how. By following the above steps, you’ll be well on your way to creating a more visually appealing and professional user experience for your visitors. So why wait? Start adding some Google Fonts today!