{"id":8538,"date":"2023-03-13T23:24:58","date_gmt":"2023-03-13T23:24:58","guid":{"rendered":"https:\/\/mauricemuteti.info\/?p=8538"},"modified":"2023-03-13T23:24:58","modified_gmt":"2023-03-13T23:24:58","slug":"you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/","title":{"rendered":"You Won&#8217;t Believe How Easy It Is To Remove Google Fonts from Your WordPress Site!"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_49 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"ez-toc-toggle-icon-1\"><label for=\"item-6787574958280\" aria-label=\"Table of Content\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;direction:ltr;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input  type=\"checkbox\" id=\"item-6787574958280\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#Perplexing_and_Bursty_Say_Goodbye_to_Google_Fonts_on_Your_WordPress_Site\" title=\"Perplexing and Bursty: Say Goodbye to Google Fonts on Your WordPress Site\">Perplexing and Bursty: Say Goodbye to Google Fonts on Your WordPress Site<\/a><ul class='ez-toc-list-level-2'><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#Why_Would_You_Want_to_Remove_Google_Fonts\" title=\"Why Would You Want to Remove Google Fonts?\">Why Would You Want to Remove Google Fonts?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#What_Are_the_Steps_to_Taking_Google_Fonts_Off_Your_Site\" title=\"What Are the Steps to Taking Google Fonts Off Your Site?\">What Are the Steps to Taking Google Fonts Off Your Site?<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#1_Identify_Where_Google_Fonts_Exist_on_Your_WordPress_Site\" title=\"1. Identify Where Google Fonts Exist on Your WordPress Site\">1. Identify Where Google Fonts Exist on Your WordPress Site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#2_Remove_Google_Fonts_Loaded_From_Stylesheet_or_Plugin\" title=\"2. Remove Google Fonts Loaded From Stylesheet or Plugin\">2. Remove Google Fonts Loaded From Stylesheet or Plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#3_Use_Custom_Code_to_Remove_Google_Fonts_Loaded_Within_HTML\" title=\"3. Use Custom Code to Remove Google Fonts Loaded Within HTML\">3. Use Custom Code to Remove Google Fonts Loaded Within HTML<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#Benefits_of_Removing_Google_Fonts_from_WordPress_Site\" title=\"Benefits of Removing Google Fonts from WordPress Site\">Benefits of Removing Google Fonts from WordPress Site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/mauricemuteti.info\/you-wont-believe-how-easy-it-is-to-remove-google-fonts-from-your-wordpress-site\/#In_Conclusion\" title=\"In Conclusion\">In Conclusion<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Perplexing_and_Bursty_Say_Goodbye_to_Google_Fonts_on_Your_WordPress_Site\"><\/span>Perplexing and Bursty: Say Goodbye to Google Fonts on Your WordPress Site<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p class=\"intro\">If you&#8217;re looking for a way to jazz up the design of your WordPress site, you may have turned to Google Fonts. These beauties are free, easy to use, and offer a never-ending selection of typography options &#8211; heaven for design lovers, right? However, there are situations where it makes sense to remove them from your site. <\/p>\n<h2 class=\"reason-to-remove\"><span class=\"ez-toc-section\" id=\"Why_Would_You_Want_to_Remove_Google_Fonts\"><\/span>Why Would You Want to Remove Google Fonts?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>While Google Fonts are beneficial, there is a catch-22 situation. Having too many HTTP requests on your site can increase page load times; slowing down your site can dramatically reduce the user experience. Removing Google Fonts is a quick and easy way to lessen the number of external requests your site sends out, rendering your page lightning fast. So, let&#8217;s get to it.<\/p>\n<h2 class=\"steps-to-remove\"><span class=\"ez-toc-section\" id=\"What_Are_the_Steps_to_Taking_Google_Fonts_Off_Your_Site\"><\/span>What Are the Steps to Taking Google Fonts Off Your Site?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 class=\"find-google-fonts\"><span class=\"ez-toc-section\" id=\"1_Identify_Where_Google_Fonts_Exist_on_Your_WordPress_Site\"><\/span>1. Identify Where Google Fonts Exist on Your WordPress Site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To locate Google Fonts on your site, you first need to understand where they are coming from. <\/p>\n<ul>\n<li>In your WordPress theme&#8217;s style.css file<\/li>\n<li>Via third-party plugins<\/li>\n<li>Within your website&#8217;s HTML<\/li>\n<\/ul>\n<p>You can use Google Chrome developer tools to identify which Google Fonts your site is calling. Identify the Google Font URLs by right-clicking anywhere on your WordPress site, selecting &#8220;Inspect,&#8221; and clicking the &#8220;Network&#8221; tab. <\/p>\n<p>Next, refresh the page, go to the &#8220;Filter&#8221; option, and select &#8216;Fonts&#8221; from the drop-down menu. If any fonts are loaded from fonts.googleapis.com, that means Google Fonts are being used on your WordPress site.<\/p>\n<h3 class=\"remove-google-fonts\"><span class=\"ez-toc-section\" id=\"2_Remove_Google_Fonts_Loaded_From_Stylesheet_or_Plugin\"><\/span>2. Remove Google Fonts Loaded From Stylesheet or Plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>To remove Google Fonts from your WordPress site, you must edit your website&#8217;s style.css file. You can gain access to this by using an FTP client like Cyberduck or FileZilla or through the cPanel file manager.<\/p>\n<p>If you&#8217;re using a WordPress plugin that calls Google Fonts, open the plugin&#8217;s stylesheet and use the same method as style.css.<\/p>\n<p>Once you are in your WordPress site&#8217;s directory, click on the &#8220;wp-content&#8221; folder then select the &#8220;themes&#8221; folder. Now, select the theme that you&#8217;re using or that you want to remove the Google Fonts from. Then, open its stylesheet, usually named style.css, and search for the following code:<\/p>\n<p><code>@import url('https:\/\/fonts.googleapis.com\/css?family=Open+Sans');<\/code><\/p>\n<p>Replace the code above with:<\/p>\n<p><code>\/* Google Fonts Removed *\/<br \/>\n@import url('');<\/code><\/p>\n<h3 class=\"remove-google-fonts\"><span class=\"ez-toc-section\" id=\"3_Use_Custom_Code_to_Remove_Google_Fonts_Loaded_Within_HTML\"><\/span>3. Use Custom Code to Remove Google Fonts Loaded Within HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>If none of the above actions helped you remove the Google Fonts from your WordPress site, you can use custom code in your website&#8217;s HTML.<\/p>\n<p>To do this, access the Appearance > Theme Editor > header.php and add the following code at the top:<\/p>\n<p><code><?php\n function remove_fonts() {\n   wp_dequeue_style( 'wpb-google-fonts' );\n }\n add_action( 'wp_enqueue_scripts', 'remove_fonts' );\n?><\/code><\/p>\n<h2 class=\"benefits-to-remove\"><span class=\"ez-toc-section\" id=\"Benefits_of_Removing_Google_Fonts_from_WordPress_Site\"><\/span>Benefits of Removing Google Fonts from WordPress Site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Improves website performance, which can be a significant factor in improving your website&#8217;s overall performance score.<\/li>\n<li>Reduces the number of external requests made by your site.<\/li>\n<li>Gives site visitors faster load sites, leading to a much better experience when navigating your site.<\/li>\n<\/ol>\n<h2 class=\"conclusion\"><span class=\"ez-toc-section\" id=\"In_Conclusion\"><\/span>In Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We love Google Fonts for their ability to change our site&#8217;s look and feel, but they can slow us down. Removing them from WordPress sites can help make your website load in the blink of an eye, speeding up your website&#8217;s performance and giving your visitors a better user experience. The above steps will enable you to remove Google Fonts from your WordPress site with ease. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Perplexing and Bursty: Say Goodbye to Google Fonts on Your WordPress Site If you&#8217;re looking for a way to jazz up the design of your&hellip;<\/p>\n","protected":false},"author":1,"featured_media":7209,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3287],"tags":[],"jetpack_featured_media_url":"https:\/\/mauricemuteti.info\/wp-content\/uploads\/2023\/03\/WORDPRESS-ULTIMATE-GUIDE-How-To-step-by-step-Tutorial.png","_links":{"self":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/8538"}],"collection":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/comments?post=8538"}],"version-history":[{"count":0,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/posts\/8538\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media\/7209"}],"wp:attachment":[{"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/media?parent=8538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/categories?post=8538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mauricemuteti.info\/wp-json\/wp\/v2\/tags?post=8538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}