How to Remove Google Font Lato in Twenty Fourteen Theme

Want to remove Google font Lato in your Twenty Fourteen WordPress theme? Is Lato font slowing down your site? Have you noticed how no text content is visible on your site on slow speed internet connections till the Lato font is loaded. We use the amazing 2014 theme and here is the way to do it.

Slow Loading 7 Lato Font Variants!

If you see the functions.php file of the Twenty Fourteen theme, you will notice that by default it loads 7 Lato font variants!!

function twentyfourteen_font_url() {
	$font_url = '';
	if ( 'off' !== _x( 'on', 'Lato font: on or off', 'twentyfourteen' ) ) {
		$font_url = add_query_arg( 'family', urlencode( 'Lato:300,400,700,900,300italic,400italic,700italic' ), "//" );

	return $font_url;

As is the Lato font has a larger impact on page loading time, and adding 7 variants will have a huge 350 impact if you check the load time impact.

lato font load time

No wonder your site goes blank on text as the html loads quickly but the Lato font takes time to load. I recommend you read our tips on how to load Google Fonts faster.

Reduce Google Lato Font Variants

If you love the Lato font, an easier way would be to remove some font variants. This will have some design impact but you can reduce the variants. You need to edit the code in functions.php and reduce the font variants

Instead of loading

Try loading only the normal and bold variants.

Although this works, some text fonts in places like italics or blockquotes look awkward.

Remove Google Lato Font

You can remove the Lato font totally, and choose some other style like web safe Arial font which will load instantly. This is what we have done.

Add this code to your child theme at the bottom of the functions.php file. [Note that functions.php is a very powerful file and wrong changes can bring your site down. Always keep a backup via ftp if needed.)

// Remove Lato Font
function qot_dequeue_fonts() {
wp_dequeue_style( 'twentyfourteen-lato' );
add_action( 'wp_enqueue_scripts', 'qot_dequeue_fonts', 11 );

If you are still using the primary theme, then simply comment out the code. You should always use the child theme to get easier theme updates without ruining custom changes.

Do this and note how fast your site loads with the Twenty Fourteen theme. Try it.


  1. Ghulam Mustafa says:

    Great looking blog you have here!! Great stuff as always. Looking forward to giving it a read. I always found here awesome posts and i always enjoyed and gained a lot after reading your posts. I personally love these wonderful suggestions.

    I’m sure these will help me to improve my skills and knowledge. I am really happy to go through these points and i know they will help me in future.

    Thanks – and it’s nice to come visit again

  2. Maria Amber says:

    Yahoooo!! It’s Work, It’s Work. Thanks for Share.

  3. Jennifer Vo says:

    Wow, I also do it well. Thanks for your help.

  4. Gary Starkman says:

    I gotta say I didnt think it would work but it id. Thanks

  5. Kuldeep says:

    Nice share, I can’t believe that it was that easy. Just removed the google lato font.
    Thanks for sharing :)

  6. Suraj Rai says:

    Hi P. Chandra,
    Wow! What a great trick. I am really impresses with your post. It is working well. Your post is really nice and helpful to all. Thank to share such useful trick with us.

  7. Arun@DigitalVani says:

    Thanks :)

    I just removed it.

  8. Rohitesh Bhan says:

    Thnx Buddy… its really awesome… it worked…. Once again Thnx ….

  9. Ritu Kumari says:

    Nice post and great information and I just follow it and remove google lato font.

  10. siya sinha says:

    Thanks for sharing nice topic and this is nice idea remove to Google Font Lato in Twenty Fourteen Word Press theme.

  11. Abinash Mohanty says:

    Nice tips P. Chandra. However, some how it’s not working on my site. I put this code into my functions.php child theme, but google apis are still calling.. I even tried the “Disable Google Fonts” plugin method but no luck. Let me tell you that i have W3TC installed and I flushed the entire cache after such changes. The requests are still there while testing with pingdom tools or gtmetrix. Any help would be appreciated!

  12. Abinash Mohanty says:

    It worked in the end :) Thank you so much!

Leave a Reply

Your email address will not be published. Required fields are marked *