Importing custom Google Fonts in WordPress

​

Configuring custom Google Fonts in WordPress

1. Log in to your WordPress site with an administrator account.
2. On the Dashboard in the left sidebar, click Appearance, and then click Editor:
   
3. On the Theme Editor, select the Theme you want to edit from the dropdown:
   
4. The files for this selected theme are listed on the right column under Theme Files. Click on the file named “functions.php”:
   
5. Add this code snippet / function at the bottom of your functions.php file:

function add_google_fonts() {

wp_register_style('OpenSans', '//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

wp_enqueue_style('OpenSans');}

add_action( 'wp_print_styles', 'add_google_fonts' );

6. The above function uses ‘wp_enqueue_style’ tells WordPress to use this stylesheet (specified in the code above) inside the header of every page of your wordpress website.Open the CSS file and add the following code to use the Google Font:

body {

    font-family: 'Open Sans', sans-serif;

    font-size: 20px;

    color: #000000;

}

​

Related articles

• Changing Fonts in WordPress
• Changing fonts using WordPress Classic Editor
• Embed Adobe fonts in WordPress sites