Change Google Font of the Title Bar for Dazzling WordPress theme

That’s not as easy as it might look.

  1. First of all you need to download and enable Dazzling Child Theme that you can download from here.

  2. Now install and activate previously downloaded Dazzling Child theme.

  3. Now open Child Theme functions.php and copy/paste this code inside that file right above closing ?> on that file.

/**
 * Enqueue Google Fonts for Dazzling theme via Child Theme
 */
function dazling_add_google_fonts() {

wp_register_style('dazzling-google-fonts', 'http://fonts.googleapis.com/css?family=Dancing+Script:400,700');
	wp_enqueue_style( 'dazzling-google-fonts');
}
add_action('wp_enqueue_scripts', 'dazling_add_google_fonts');
  1. Now you have fonts loaded on your website but you need to change font for website title to actually see this font. You can do this by adding this simple CSS at the end of Child Theme style.css
.navbar > .container .navbar-brand {
  font-family: 'Dancing Script', cursive;
}

Now you should see this new Dancing Script font applied for website title and loaded from Google Fonts library.