Remove Google Fonts from Woo Storefront Theme

Last update (Sept. 2016) of Woocommerce Storefront theme included Google fonts into the theme. While WordPress has finally removed their Open Sans font from the core, WooThemes decided to add a default font from Google. And then to sell their Storefront extensions to remove it. Nice.

But we still could easily remove their fonts from from child theme functions.php with the following snippet.

// Remove Google Font from Storefront theme
function iggy_child_styles(){
add_action( 'wp_enqueue_scripts', 'iggy_child_styles', 999);

It removes also new rel='dns-prefetch' from the page’s head.

If you just need to change Google font from default one, you may use the snippet taken from here.

add_filter( 'storefront_google_font_families', 'my_font_families' );
function my_font_families( $family ) {
$family['merienda'] = 'Merienda:400,700';
return $family;

I love Storefront theme, but last updates tend to change too many things in its layout and classes. Hard to update sites. Each time need to check and to tweak many things again and again.

This entry was posted in WordPress and tagged . Bookmark the permalink.

3 Responses to Remove Google Fonts from Woo Storefront Theme

  1. John says:

    Thank you, that works well for me. It’s useful for users behind the Great Firewall of China.

  2. aundc says:

    iā€™d just (ok, 2 years ago šŸ˜‰ tested your function code for // Remove Google Font from Storefront theme and it works as expected, fine.

    but, i think there is one thing left:
    cause i want to use the mentioned fonts really further on, but served from my own host – do you know an same easy working function to replace the fonts?

Leave a Reply

Your email address will not be published.