Google Fonts: Another wave of warnings

Today we are dealing with a topic that has been in the focus of website operators and developers for the last days and weeks. It is about Google Fonts and a new wave of warnings. We give tips on how to integrate Google Fonts locally and we provide an automated check with which you can check your website for the integration of external Google Fonts and other scripts.

What are Google Fonts?

Google Fonts are optimized fonts converted into the WOFF(2) format that can be integrated into websites to make them more individual and modern. With the hosting of fonts, Google offers a very good possibility to quickly and easily integrate a font into a website.

Other possibilities to integrate individual fonts are offered by competitors like Font Squirrel, Adobe Fonts and some other font providers. You can also host your own font files and integrate them into your own website. The last method is the best option when it comes to data protection.

Most websites are using Google Fonts or fonts from other providers.

Google Fonts and the privacy issue

At the moment we hear from many web developers and companies about a wave of warnings. Website operators who embed Google Fonts and fonts from other external sources are receiving a warning from various lawyers and/or private individuals.

The Regional Court of Munich I ruled on 20.01.2022 that the integration of Google Fonts from external sources (remote) is illegal. (Judgment Az.: 3 O 17493/20)
Law firms and private individuals are using this ruling to claim damages.

This does not mean that websites may no longer use Google Fonts. Website operators must only ensure that fonts are stored locally on their own server / hosting package. Thus, no connection to the Google server is established anymore and data protectionists are satisfied.

The websites of our customers were already adapted last year. Not only Google Fonts were integrated locally, but also other external assets were placed locally or removed or replaced accordingly.

Are Google Fonts embedded remotely on your website?

Check your website now! We have programmed a script that checks your website for external sources. Enter the address of your website in the following field. The script will check the URL for Google Fonts and other external sources.

Please note: Only the URL you specified in the input field will be crawled (no other subpages). Our crawler searches for CSS and JavaScript files in the HTML document and for specific information in CSS files. External content that is loaded via JavaScript is not handled by the script. If you need an extended check in which we search for additional external sources, please contact us.

Embed Google Fonts locally

If Google Fonts are embedded remotely on your website, then we have some tips below on how to embed Google Fonts locally.

Local embedding of Google Fonts

Google Fonts are in most cases embedded directly into the HTML document with a <link>tag or via @import statement in a CSS file. In the following example, we want to include the "Roboto" font in a website:

Example with a <link>tag:

<link href="" rel="stylesheet">

Example with @import:

@import url('');

In both cases, you call the address of the Google Font in the browser. (In the example it is the URL:

After that you will see the CSS code that integrates the font into the website: (For this example we have reduced the CSS code from seven to one rule)

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url( format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

In the example, the URL "" is used. The file with the cryptic name "KFOmCnqEu92Fr1Mu72xKOzY.woff2" is the font. Since we want to put the font on our server, we open the URL in the browser and thus automatically load the font on our computer. Now we upload this file to our server or hosting package. (The file name can be renamed)

In the next step we copy the CSS instructions into our local CSS file of the website and change the src in the @font-face rule. Here we set the URL to the path where we uploaded the font, for example:

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/css/fonts/roboto/roboto-regular.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;

As a last step, we remove the code snippets with which we had previously included the font via Google. Now we have included the Google Font "locally".

Google Fonts and WordPress

In WordPress there are a variety of plugins and also many possibilities how Google Fonts were integrated. A simple solution for all the cases does not exist. If you are not sure how Google Fonts have been integrated into your WordPress, please contact us.

  1. If you use a builder or theme such as "ProPhoto" or "Enfold", you can disable or delete Google Fonts in the settings and upload your own fonts in the system.
  2. If you are using a default WordPress theme like TwentySeventeen, you can disable Google Fonts with the following code

    add_action('wp_print_styles', 'twentyseventeen_dequeue_styles', 100);
    function twentyseventeen_dequeue_styles() {
    wp_dequeue_style( 'twentyseventeen-fonts' );
  3. Using plugins like "Disable Google Fonts" or "Borlabs Font Blocker" you can easily disable Google Fonts. The problem is that this method only works with standard themes such as TwentySeventeen or similarly functioning themes.

For steps 2. and 3. please don't forget to upload the font locally and include it in your own CSS file. In both steps, fonts are only deactivated or no longer included.

Need help with this changes?

External files or fonts are embedded on your website?
We will be happy to help you with this.

Get free advice