{"id":11714,"date":"2022-10-14T16:59:49","date_gmt":"2022-10-14T16:59:49","guid":{"rendered":"https:\/\/nieuw.wpprovider.nl\/this-is-how-wordpress-prevents-external-loading-of-google-fonts\/"},"modified":"2022-10-14T16:59:49","modified_gmt":"2022-10-14T16:59:49","slug":"this-is-how-wordpress-prevents-external-loading-of-google-fonts","status":"publish","type":"post","link":"https:\/\/nieuw.wpprovider.nl\/en\/this-is-how-wordpress-prevents-external-loading-of-google-fonts\/","title":{"rendered":"This is how WordPress prevents external loading of Google fonts"},"content":{"rendered":"

Even at the end of the year, it is still the<\/strong> topic among Web site administrators: What to do after a warning about Google Fonts? <\/p>\n

Earlier this year, there was already an LG Munich ruling<\/a> regarding Google Fonts loaded from external Google servers.
\nHere it was ruled that this is not allowed for data protection reasons.
\nIn order not to go further into the question of whether the ruling is sensible or understandable, we can make one addition: namely, there are not only data protection reasons for loading fonts locally, it also has a positive effect on performance!
\nBut! what can you do if you get such a warning? <\/p>\n

Make sure Google Fonts are loaded externally<\/h2>\n

You can easily check yourself that your website is really loading Google Fonts externally.
\nYou can do this through the Developer Console or the Developer Tools ( Ctrl + Shift.
\n+ I <\/kbd> or F12<\/kbd>) of your browser.
\nIn Chrome you will find the information in the “Source Code” tab, in Firefox you can see if and which fonts are loaded via the Network Analysis tab. \"\" Chrome’s developer tools show that a Google Font is loaded.
\nAlternatively, there are some Web sites that will tell you if your Web site is loading Google Fonts: https:\/\/www.e-recht24.de\/google-fonts-scanner https:\/\/webbkoll.dataskydd.net\/de\/ https:\/\/sicher3.de\/google-fonts-checker\/ <\/p>\n

Note: Both the console and external services check only the URL you enter.
\nSo a check does not rule out whether you are using Google Fonts elsewhere on a subpage. <\/kbd> Consider whether to check certain pages or posts separately because other “functionalities” may have been used there, such as contact forms, popups, sliders and the like.<\/p>\n

Google fonts blocking<\/h2>\n

As usual, there are always several ways for WordPress to fix a problem.
\nFor those who prefer not to make manual changes, we show the simple method through a plugin. <\/p>\n

Plugins that block Google Fonts<\/h3>\n

Local Google Fonts<\/a> and OMGF<\/a> both have the advantage of not only preventing the loading of external fonts, but at the same time integrating locally used fonts, so nothing changes in the appearance of your Web site.
\nThe only difference is that Google Fonts are now stored locally and loaded from there.
\nThere is no longer a connection to Google Fonts’ servers.
\nIf you only want to block the Google Fonts and integrate them locally manually, you can also use Borlabs’ Font Blocker<\/a>.
\nSome cache or optimization plug-ins also offer the ability to block Google Fonts, an example is Autoptimize<\/a><\/a><\/p>\n

Options for themes and plugins<\/h3>\n

Meanwhile, many themes and also some plugins already offer the option to prevent the loading of Google Fonts and\/or the loading of locally stored fonts.
\nSo check the documentation of your theme or contact the developers or the corresponding support forums.
\nOften you are not the only one looking for help with this. <\/p>\n

Google Fonts manual blocking<\/h3>\n

Of course, there is also the possibility of blocking the loading of Google Fonts via the functions.php of your child theme.
\nFor standard WordPress themes, the required code is as follows: <\/p>\n

add_action( 'wp_print_styles', 'remove_google_fonts', 1);\nfunction remove_google_fonts() {\nwp_dequeue_style( 'twentyseventeen-fonts' );\n}<\/pre>\n
 Here you have to use the $handle<\/code> (here twentyseventeen-fonts<\/code>), depending on the theme used.
\nSome examples:    <\/p>\n
    \n
  • Twenty Seventeen – twentyseventeen-fonts<\/li>\n
  • Divi – divi fonts<\/li>\n
  • Genesis Sample – genesis-sample-fonts<\/li>\n<\/ul>\n
      If that doesn’t work, I recommend searching Google for “remove google fonts + “name theme””  <\/p>\n
    Check<\/h2>\n
      Whichever way you ultimately choose to stop the external loading of Google Fonts, check afterwards that it has worked.
    \nAdditionally a side note, external content loaded onto your website via iFrames cannot be affected via the above methods.
    \nIf you have any questions about this topic feel free to contact us!    <\/p><\/div>\n","protected":false},"excerpt":{"rendered":"
    Even at the end of the year, it is still the topic among Web site administrators: What to do after a warning about Google Fonts? Earlier this year, there was already an LG Munich ruling regarding Google Fonts loaded from external Google servers. Here it was ruled that this is not allowed for data protection […]<\/p>\n","protected":false},"author":1,"featured_media":10833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-11714","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geen-onderdeel-van-een-categorie"],"acf":[],"_links":{"self":[{"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/posts\/11714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/comments?post=11714"}],"version-history":[{"count":0,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/posts\/11714\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/media\/10833"}],"wp:attachment":[{"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/media?parent=11714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/categories?post=11714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nieuw.wpprovider.nl\/en\/wp-json\/wp\/v2\/tags?post=11714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}