Custom Fonts with Foodie Pro

For added flexibility, we have included 19 of Shay's favorite Google webfonts in the customizer options:

  • Abril Fatface
  • Adamina
  • Coustard
  • Coutive Mono
  • Droid Serif
  • Karla
  • Lato
  • Libre Baskerville
  • Muli
  • Nunito
  • Oswald
  • Pontano Sans
  • PT Sans Narrow
  • PT Serif
  • Playfair Display
  • Questrial
  • Raleway
  • Roboto Slab
  • Trocchi

You can set any of these typefaces to work for your body, accent fonts, and headings.

Sometimes you already have a font in mind that works for your brand, though.  And I get that.  To override the Customizer settings and use your own Google webfont, place the following snippet at the bottom of your functions.php file.  Replace Droid Serif and Open Sans with the fonts that you want to use (correct codes can be found at google.com/fonts).  Then, you can easily change your stylesheet to use your selected fonts.

//* Load Google Fonts 
add_filter( 'foodie_pro_disable_google_fonts', '__return_true' ); 
add_action( 'wp_enqueue_scripts', 'dear_enqueue_syles' );
function dear_enqueue_syles() {
wp_enqueue_style( 'foodie-pro-google-fonts', '//fonts.googleapis.com/css?family=Droid+Serif:300,400,700|Open+Sans:300,400', array(), foodie_pro_THEME_VERSION );
}

Still need help? Contact Us Contact Us