Change Google Font of the Title Bar for Dazzling WordPress theme


I am using Dazzling Theme and I want to change the font of the Title Bar (Where the word “Dazzling” appears in normal theme). I want to use this font: @import url(,700);

OR CSS: font-family: 'Dancing Script', cursive;

Please find attached the screen shot with the area highlighted of which I want to change the font.

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', ',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.