{"id":95873,"date":"2022-04-28T14:45:02","date_gmt":"2022-04-28T18:45:02","guid":{"rendered":"https:\/\/optinmonster.com?p=95873&#038;post_type=optinmonster_docs&#038;preview_id=95873"},"modified":"2025-08-06T10:50:14","modified_gmt":"2025-08-06T14:50:14","slug":"how-to-disable-google-webfonts","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-disable-google-webfonts\/","title":{"rendered":"How to Disable Google Webfonts"},"content":{"rendered":"\n<p>By default, OptinMonster will load and use web fonts to style your campaign&#8217;s text. If you&#8217;re <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-a-custom-font\/\" target=\"_blank\" rel=\"noopener\" title=\"How to Use a Custom Font\">using custom fonts for your campaign<\/a> or already load the fonts you plan to use directly on your website, you can prevent OptinMonster from also loading these files.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to disable web fonts.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before You Start<\/h2>\n\n\n\n<p>Here are some things to know before you begin:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Web fonts are enabled by default when you <a href=\"https:\/\/optinmonster.com\/docs\/creating-your-first-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">create a new campaign<\/a>.<\/li>\n\n\n\n<li>We recommend disabling web fonts if you are <a href=\"https:\/\/optinmonster.com\/docs\/how-to-use-a-custom-font\/\" target=\"_blank\" rel=\"noopener\" title=\"\">using custom fonts<\/a>, or if you are already loading the same web font(s) directly on your website.<\/li>\n\n\n\n<li>Disabling web fonts can improve the performance of your site and campaigns.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Disable Web Fonts<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Individual Campaigns<\/h3>\n\n\n\n<p>To disable Google web fonts and FontAwesome for individual campaigns, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In the campaign builder, select the&nbsp;<strong>Settings<\/strong> icon from the footer bar.<br><img decoding=\"async\" width=\"850\" height=\"557\" class=\"wp-image-203390\" style=\"width: 850px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon.png\" alt=\"Settings Icon\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon.png 2504w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon-300x196.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon-1024x671.png 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon-768x503.png 768w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon-1536x1006.png 1536w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/settingsIcon-2048x1341.png 2048w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n\n\n\n<li>In the sidebar panel, navigate to the&nbsp;<strong>Advanced<\/strong> tab.<\/li>\n\n\n\n<li>Within the&nbsp;<strong>Display Settings<\/strong> panel, toggle the&nbsp;<strong>Enable web fonts?<\/strong> option off.<br><img decoding=\"async\" width=\"850\" height=\"581\" class=\"wp-image-203391\" style=\"width: 850px;\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont.png\" alt=\"Enable Webfont\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont.png 1836w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont-300x205.png 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont-1024x699.png 1024w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont-768x525.png 768w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/04\/webfont-1536x1049.png 1536w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> your campaign.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">All Campaigns<\/h3>\n\n\n\n<p>If you would like to disable <em>only<\/em> Google web fonts or FontAwesome, but not both; or globally disable web fonts from being loaded by OptinMonster on your site for all campaigns, you can instead use one of the following Javascript code snippets to your site:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Disable All Fonts<\/h5>\n\n\n\n<p>Disable Google web fonts and FontAwesome from being loaded on your site:<\/p>\n\n\n\n<script src=\"https:\/\/library.wpcode.com\/embedjs\/ro8nldno.js\/\"><\/script>\n\n\n\n<h5 class=\"wp-block-heading\">Disable Google Web Fonts<\/h5>\n\n\n\n<p>Disable only Google web fonts from being loaded on your site:<\/p>\n\n\n\n<script src=\"https:\/\/library.wpcode.com\/embedjs\/e5wk8g85.js\/\"><\/script>\n\n\n\n<h5 class=\"wp-block-heading\">Disable FontAwesome<\/h5>\n\n\n\n<p>Disable only FontAwesome from being loaded on your site.<\/p>\n\n\n\n<script src=\"https:\/\/library.wpcode.com\/embedjs\/r5pzd9w2.js\/\"><\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>By default, OptinMonster will load and use web fonts to style your campaign&#8217;s text. If you&#8217;re using custom fonts for your campaign or already load the fonts you plan to use directly on your website, you can prevent OptinMonster from also loading these files. In this article, you&#8217;ll learn how to disable web fonts. Before&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[96],"documentation\/tags":[31399,31487,31409,31424,31411],"class_list":["post-95873","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-extending"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/95873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=95873"}],"version-history":[{"count":8,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/95873\/revisions"}],"predecessor-version":[{"id":204590,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/95873\/revisions\/204590"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=95873"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=95873"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=95873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}