{"id":15042,"date":"2021-03-23T13:43:37","date_gmt":"2021-03-23T12:43:37","guid":{"rendered":"https:\/\/frame-for-business.de\/?p=15042"},"modified":"2023-05-30T17:00:02","modified_gmt":"2023-05-30T15:00:02","slug":"webflow-google-fonts-lokal-hosten","status":"publish","type":"post","link":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/","title":{"rendered":"Webflow: Google Fonts (abmahnsicher) lokal hosten"},"content":{"rendered":"

[et_pb_section fb_built=“1″ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||||false|false“ custom_margin_phone=“||-52px||false|false“ custom_margin_last_edited=“off|desktop“ custom_padding=“0px||0px||false|false“ global_colors_info=“{}“][et_pb_row _builder_version=“4.6.6″ _module_preset=“default“ custom_margin=“||-33px||false|false“ locked=“off“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.6.6″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text _builder_version=“4.6.6″ _module_preset=“default“ text_font=“Montserrat||||||||“ text_font_size=“20px“ text_orientation=“center“ text_font_size_tablet=““ text_font_size_phone=“17px“ text_font_size_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

\u00dcber die Autoren<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=“1_2,1_2″ disabled_on=“off|off|off“ _builder_version=“4.14.7″ _module_preset=“default“ min_height=“315.1px“ locked=“off“ global_colors_info=“{}“][et_pb_column type=“1_2″ _builder_version=“4.6.6″ _module_preset=“default“ global_colors_info=“{}“][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2020\/05\/Dennis-Morgenstern-LL.M..jpg“ title_text=“Dennis Morgenstern (LL.M.)“ _builder_version=“4.6.6″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_image][et_pb_text _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“]<\/p>\n

Dennis Morgenstern LL.M.<\/strong><\/span>
Gesch\u00e4ftsf\u00fchrer
Wirtschaftsjurist<\/p>\n

[\/et_pb_text][\/et_pb_column][et_pb_column type=“1_2″ _builder_version=“4.6.6″ _module_preset=“default“ global_colors_info=“{}“][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/Tobias-Steffen3.png“ title_text=“Tobias Steffen3″ _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_image][et_pb_text _builder_version=“4.14.7″ _module_preset=“default“ custom_margin_phone=“||40px||false|false“ custom_margin_last_edited=“off|desktop“ global_colors_info=“{}“]<\/p>\n

<\/strong><\/span>Tobias Steffen<\/strong><\/span>
Website Architekt
LE4F.AGENCY<\/a><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“|auto||auto|false|false“ custom_margin_phone=“-50px||||false|false“ custom_margin_last_edited=“off|desktop“ custom_padding=“||0px|||“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.6.6″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text content_tablet=“<\/p>\n

Auf vielen Webflow-Seiten werden Google Fonts f\u00fcr die Darstellung der Schriften genutzt. Sofern diese nicht lokal eingebunden werden, kommt es zu einem Datenaustausch in die USA, was aus rechtlicher Sicht problematisch ist.<\/p>\n

“ content_phone=“<\/p>\n

Auf vielen Webflow-Seiten werden Google Fonts f\u00fcr die Darstellung der Schriften genutzt. Sofern diese nicht lokal eingebunden werden, kommt es zu einem Datenaustausch in die USA, was aus rechtlicher Sicht problematisch ist.<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||35px||false|false“ custom_margin_phone=“-20px||||false|false“ custom_margin_last_edited=“off|desktop“ global_colors_info=“{}“]<\/p>\n

Auf vielen Webflow-Seiten werden Google Fonts f\u00fcr die Darstellung der Schriften genutzt. Sofern diese nicht lokal eingebunden werden, kommt es zu einem Datenaustausch in die USA, was aus rechtlicher Sicht problematisch ist.<\/p>\n

[\/et_pb_text][et_pb_text content_tablet=“<\/p>\n

Wie erkenne ich bei meiner Webflow-Seite, ob ich nicht lokal eingebundene Google Fonts nutze?<\/h2>\n

Loggen Sie sich in Ihrem Webflow-Account ein und rufen Sie den Punkt \u201eFonts\u201c<\/em> auf. Wenn unter \u201eAdded Google Fonts\u201c<\/em> Schriftarten vorhanden sind, handelt es sich um nicht lokal eingebundene Google Fonts, sodass eine Datenverbindung zu Google besteht:“ content_phone=“<\/p>\n

Wie erkenne ich bei meiner Webflow-Seite, ob ich nicht lokal eingebundene Google Fonts nutze?<\/h2>\n

Loggen Sie sich in Ihrem Webflow-Account ein und rufen Sie den Punkt \u201eFonts\u201c<\/em> auf. Wenn unter \u201eAdded Google Fonts\u201c<\/em> Schriftarten vorhanden sind, handelt es sich um nicht lokal eingebundene Google Fonts, sodass eine Datenverbindung zu Google besteht:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||23px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

Wie erkenne ich bei meiner Webflow-Seite, ob ich nicht lokal eingebundene Google Fonts nutze?<\/h2>\n

Loggen Sie sich in Ihrem Webflow-Account ein und rufen Sie den Punkt \u201eFonts\u201c<\/em> auf. Wenn unter \u201eAdded Google Fonts\u201c<\/em> Schriftarten vorhanden sind, handelt es sich um nicht lokal eingebundene Google Fonts, sodass eine Datenverbindung zu Google besteht:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_11h51_16.png“ title_text=“2021-03-23_11h51_16″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||35px||false|false“ custom_margin_phone=“-5px||55px||false|false“ custom_margin_last_edited=“off|desktop“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

Wo liegt das datenschutzrechtliche Problem?<\/h2>\n

Werden die Google Fonts durch eine Google API (Schnittstelle) eingebunden, entsteht ein Datenaustausch zu Google und somit in ein sogenanntes \u201eunsicheres Drittland\u201c, in dem Fall in die USA, was aus datenschutzrechtlicher Sicht \u2013 insbesondere nach dem EuGH-Urteil vom 16.07.2020 \u201eSchrems II\u201c<\/a> \u2013 problematisch ist und unter Umst\u00e4nden weitreichende Konsequenzen haben kann, z.B. Ordnungswidrigkeitenverfahren durch eine Datenschutz-Beh\u00f6rde oder wettbewerbsrechtliche Abmahnung durch Konkurrenten und ein damit verbundener Schadensersatzanspruch. Aus juristischer Sicht kann man von dieser Form der Einbindung nur abraten. Wir empfehlen daher stets die Google Fonts lokal zu hosten. In diesem Blog-Artikel zeigen wir Ihnen, wie Sie dies bei dem CMS Webflow umsetzen k\u00f6nnen.“ content_phone=“<\/p>\n

Wo liegt das datenschutzrechtliche Problem?<\/h2>\n

Werden die Google Fonts durch eine Google API (Schnittstelle) eingebunden, entsteht ein Datenaustausch zu Google und somit in ein sogenanntes \u201eunsicheres Drittland\u201c, in dem Fall in die USA, was aus datenschutzrechtlicher Sicht \u2013 insbesondere nach dem EuGH-Urteil vom 16.07.2020 \u201eSchrems II\u201c<\/a> \u2013 problematisch ist und unter Umst\u00e4nden weitreichende Konsequenzen haben kann, z.B. Ordnungswidrigkeitenverfahren durch eine Datenschutz-Beh\u00f6rde oder wettbewerbsrechtliche Abmahnung durch Konkurrenten und ein damit verbundener Schadensersatzanspruch. Aus juristischer Sicht kann man von dieser Form der Einbindung nur abraten. Wir empfehlen daher stets die Google Fonts lokal zu hosten. In diesem Blog-Artikel zeigen wir Ihnen, wie Sie dies bei dem CMS Webflow umsetzen k\u00f6nnen.<\/p>\n

“ content_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||35px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

Wo liegt das datenschutzrechtliche Problem?<\/h2>\n

Werden die Google Fonts durch eine Google API (Schnittstelle) eingebunden, entsteht ein Datenaustausch zu Google und somit in ein sogenanntes \u201eunsicheres Drittland\u201c, in dem Fall in die USA, was aus datenschutzrechtlicher Sicht \u2013 insbesondere nach dem EuGH-Urteil vom 16.07.2020 \u201eSchrems II\u201c<\/a> \u2013 problematisch ist und unter Umst\u00e4nden weitreichende Konsequenzen haben kann, z.B. Ordnungswidrigkeitenverfahren durch eine Datenschutz-Beh\u00f6rde oder wettbewerbsrechtliche Abmahnung durch Konkurrenten und ein damit verbundener Schadensersatzanspruch. Aus juristischer Sicht kann man von dieser Form der Einbindung nur abraten. Wir empfehlen daher stets die Google Fonts lokal zu hosten. In diesem Blog-Artikel zeigen wir Ihnen, wie Sie dies bei dem CMS Webflow umsetzen k\u00f6nnen.<\/p>\n

[\/et_pb_text][et_pb_text content_tablet=“<\/p>\n

Wie kann ich die Google Fonts lokal einbinden?<\/h2>\n

“ content_phone=“<\/p>\n

Wie kann ich die Google Fonts lokal einbinden?<\/h2>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

Wie kann ich die Google Fonts lokal einbinden?<\/h2>\n

[\/et_pb_text][et_pb_text content_tablet=“<\/p>\n

1. Schritt <\/strong>
Rufen Sie den Punkt \u201eFonts\u201c innerhalb Ihres Projektes auf:<\/p>\n

“ content_phone=“<\/p>\n

1. Schritt <\/strong>
Rufen Sie den Punkt \u201eFonts\u201c innerhalb Ihres Projektes auf:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

1. Schritt <\/strong>
Rufen Sie den Punkt \u201eFonts\u201c innerhalb Ihres Projektes auf:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_12h01_07.png“ title_text=“2021-03-23_12h01_07″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

2. Schritt <\/strong>
Nutzen Sie bereits nicht lokal eingebundene Google Fonts, l\u00f6schen Sie diese:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2-2.png“ title_text=“2″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

3. Schritt <\/strong>
Rufen Sie in einem neuen Tab die Website fonts.google.com<\/a> auf:<\/p>\n

“ content_phone=“<\/p>\n

3. Schritt <\/strong>
Rufen Sie in einem neuen Tab die Website fonts.google.com<\/a> auf:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

3. Schritt <\/strong>
Rufen Sie in einem neuen Tab die Website fonts.google.com<\/a> auf:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_12h11_48.png“ title_text=“2021-03-23_12h11_48″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong>4. Schritt <\/strong>
Klicken Sie die von Ihnen gew\u00fcnschte Schriftart an (z.B. Roboto):<\/p>\n

“ content_phone=“<\/p>\n

<\/strong>4. Schritt <\/strong>
Klicken Sie die von Ihnen gew\u00fcnschte Schriftart an (z.B. Roboto):<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

4. Schritt <\/strong>
Klicken Sie die von Ihnen gew\u00fcnschte Schriftart an (z.B. Roboto):<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h01_42.png“ title_text=“2021-03-23_13h01_42″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong>5. Schritt <\/strong>
Klicken Sie auf \u201eDownload family\u201c<\/em> um die Schriftart herunterzuladen:<\/p>\n

“ content_phone=“<\/p>\n

5. Schritt <\/strong>
Klicken Sie auf \u201eDownload family\u201c<\/em> um die Schriftart herunterzuladen:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

5. Schritt <\/strong>
Klicken Sie auf \u201eDownload family\u201c<\/em> um die Schriftart herunterzuladen:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h04_11.png“ title_text=“2021-03-23_13h04_11″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong><\/strong>6. Schritt <\/strong>
Speichern Sie die ZIP-Datei, z.B. auf Ihrem Desktop:<\/p>\n

“ content_phone=“<\/p>\n

6. Schritt <\/strong>
Speichern Sie die ZIP-Datei, z.B. auf Ihrem Desktop:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

6. Schritt <\/strong>
Speichern Sie die ZIP-Datei, z.B. auf Ihrem Desktop:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h08_44.png“ title_text=“2021-03-23_13h08_44″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong><\/strong>7. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, dann \u201eAlle extrahieren\u201c<\/em> ausw\u00e4hlen:<\/p>\n

“ content_phone=“<\/p>\n

7. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, dann \u201eAlle extrahieren\u201c<\/em> ausw\u00e4hlen:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

7. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, dann \u201eAlle extrahieren\u201c<\/em> ausw\u00e4hlen:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h14_23.png“ title_text=“2021-03-23_13h14_23″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

8<\/strong><\/strong><\/strong>. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, setzen Sie ein H\u00e4kchen bei %22Dateien nach Extrahierung anzeigen%22<\/em> und klicken Sie dann auf \u201eAlle extrahieren\u201c<\/em>:<\/p>\n

“ content_phone=“<\/p>\n

8. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, setzen Sie ein H\u00e4kchen bei %22Dateien nach Extrahierung anzeigen%22<\/em> und klicken Sie dann auf \u201eAlle extrahieren\u201c<\/em>:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

8. Schritt <\/strong>
Entpacken Sie die ZIP-Datei, in dem Sie (bei Windows) mit der rechten Maustaste auf den ZIP-Order klicken, setzen Sie ein H\u00e4kchen bei „Dateien nach Extrahierung anzeigen“<\/em> und klicken Sie dann auf \u201eAlle extrahieren\u201c<\/em>:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h18_25.png“ title_text=“2021-03-23_13h18_25″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

9<\/strong>. Schritt <\/strong>
Nun werden Ihnen die verschiedenen Schriften als TrueType-Schriftartendatei (.ttf) angezeigt (ein entsprechender Ordner mit den Dateien finden Sie auch auf Ihrem Desktop):<\/p>\n

“ content_phone=“<\/p>\n

9<\/strong>. Schritt <\/strong>
Nun werden Ihnen die verschiedenen Schriften als TrueType-Schriftartendatei (.ttf) angezeigt (ein entsprechender Ordner mit den Dateien finden Sie auch auf Ihrem Desktop):<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

9. Schritt <\/strong>
Nun werden Ihnen die verschiedenen Schriften als TrueType-Schriftartendatei (.ttf) angezeigt (ein entsprechender Ordner mit den Dateien finden Sie auch auf Ihrem Desktop):<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h34_02.png“ title_text=“2021-03-23_13h34_02″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong>10. Schritt <\/strong>
Die TrueType-Dateien uploaden Sie nun innerhalb des Webflow Projekts und zwar einzeln nacheinander:<\/p>\n

“ content_phone=“<\/p>\n

<\/strong>10. Schritt <\/strong>
Die TrueType-Dateien uploaden Sie nun innerhalb des Webflow Projekts und zwar einzeln nacheinander:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

10. Schritt <\/strong>
Die TrueType-Dateien uploaden Sie nun innerhalb des Webflow Projekts und zwar einzeln nacheinander:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h37_27.png“ title_text=“2021-03-23_13h37_27″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong><\/strong>11. Schritt <\/strong>
Nach dem Upload einer Schriftart klicken Sie auf \u201eUpload Font File\u201c<\/em>:<\/p>\n

“ content_phone=“<\/p>\n

<\/strong><\/strong>11. Schritt <\/strong>
Nach dem Upload einer Schriftart klicken Sie auf \u201eUpload Font File\u201c<\/em>:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

11. Schritt <\/strong>
Nach dem Upload einer Schriftart klicken Sie auf \u201eUpload Font File\u201c<\/em>:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h40_19.png“ title_text=“2021-03-23_13h40_19″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

<\/strong><\/strong><\/strong>12. Schritt <\/strong>
Danach ist die jeweilige Schrift lokal gehostet:<\/p>\n

“ content_phone=“<\/p>\n

<\/strong><\/strong><\/strong>12. Schritt <\/strong>
Danach ist die jeweilige Schrift lokal gehostet:<\/p>\n

“ content_last_edited=“on|phone“ _builder_version=“4.6.6″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||10px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

12. Schritt <\/strong>
Danach ist die jeweilige Schrift lokal gehostet:<\/p>\n

[\/et_pb_text][et_pb_image src=“https:\/\/frame-for-business.de\/wp-content\/uploads\/2021\/03\/2021-03-23_13h42_19.png“ title_text=“2021-03-23_13h42_19″ src_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ custom_margin=“||50px||false|false“ border_width_all=“2px“ border_color_all=“#ffaf06″ global_colors_info=“{}“][\/et_pb_image][et_pb_text content_tablet=“<\/p>\n

Wo liegt das datenschutzrechtliche Problem?<\/h2>\n

Werden die Google Fonts durch eine Google API (Schnittstelle) eingebunden, entsteht ein Datenaustausch zu Google und somit in ein sogenanntes \u201eunsicheres Drittland\u201c, in dem Fall in die USA, was aus datenschutzrechtlicher Sicht \u2013 insbesondere nach dem EuGH-Urteil vom 16.07.2020 \u201eSchrems II\u201c<\/a> \u2013 problematisch ist und unter Umst\u00e4nden weitreichende Konsequenzen haben kann, z.B. Ordnungswidrigkeitenverfahren durch eine Datenschutz-Beh\u00f6rde oder wettbewerbsrechtliche Abmahnung durch Konkurrenten und ein damit verbundener Schadensersatzanspruch. Aus juristischer Sicht kann man von dieser Form der Einbindung nur abraten. Wir empfehlen daher stets die Google Fonts lokal zu hosten. In diesem Blog-Artikel zeigen wir Ihnen, wie Sie dies bei dem CMS Webflow umsetzen k\u00f6nnen.“ content_phone=“<\/p>\n

Wo liegt das datenschutzrechtliche Problem?<\/h2>\n

Werden die Google Fonts durch eine Google API (Schnittstelle) eingebunden, entsteht ein Datenaustausch zu Google und somit in ein sogenanntes \u201eunsicheres Drittland\u201c, in dem Fall in die USA, was aus datenschutzrechtlicher Sicht \u2013 insbesondere nach dem EuGH-Urteil vom 16.07.2020 \u201eSchrems II\u201c<\/a> \u2013 problematisch ist und unter Umst\u00e4nden weitreichende Konsequenzen haben kann, z.B. Ordnungswidrigkeitenverfahren durch eine Datenschutz-Beh\u00f6rde oder wettbewerbsrechtliche Abmahnung durch Konkurrenten und ein damit verbundener Schadensersatzanspruch. Aus juristischer Sicht kann man von dieser Form der Einbindung nur abraten. Wir empfehlen daher stets die Google Fonts lokal zu hosten. In diesem Blog-Artikel zeigen wir Ihnen, wie Sie dies bei dem CMS Webflow umsetzen k\u00f6nnen.<\/p>\n

“ content_last_edited=“off|desktop“ _builder_version=“4.14.7″ _module_preset=“default“ header_2_line_height=“1.3em“ custom_margin=“||35px||false|false“ header_2_font_size_tablet=““ header_2_font_size_phone=“17px“ header_2_font_size_last_edited=“on|phone“ header_2_line_height_tablet=““ header_2_line_height_phone=“1.5em“ header_2_line_height_last_edited=“on|phone“ global_colors_info=“{}“]<\/p>\n

Trotz der Anleitung noch eine Google Fonts Verbindung?<\/h2>\n

In seinem Fall klingt es so, als seien dennoch Klassen in Webflow hinterlegt, die an diese Schriftarten gebunden sind.<\/span><\/p>\n

Beispiel: <\/span>.hero-heading-test hat die Google Schriftart „Roboto“. Wenn man nun aber .hero-heading-final<\/em> mit einer lokal hochgeladenen Schriftart anlegt, ist die erstere Klasse dennoch im Quellcode der Website enthalten und baut die Verbindung auf. Selbst wenn man dieses Element nicht verwendet.<\/span><\/p>\n

Man muss also alle Klassen aus dem Websitedokument entfernen bzw. \u00fcberpr\u00fcfen, ob Google Fonts wirklich weg ist.<\/span><\/p>\n

Wenn man allerdings eine Schriftart hochl\u00e4dt, welche von Webflow bereits „vorinstalliert“ ist (eine integrierte Google Font), muss man sicherstellen, dass die hochgeladene auch die vorinstallierte \u00fcberschreibt.<\/span><\/p>\n

Idealerweise nennt man hier z.B. „Roboto“ in „Roboto-lokal“ um und l\u00e4dt diese dann hoch – sodass man dies einfacher auseinanderhalten halten.<\/span><\/p>\n

In diesem Zusammenhang k\u00f6nnen wir sehr das Tool der <\/a>Designbase GmbH<\/a> empfehlen, mit dem man die Webflow-Website durchsuchen kann, um Klassen mit Google Fonts zu finden.\u00a0<\/strong><\/span><\/p>\n

<\/span><\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=“1″ _builder_version=“4.14.7″ _module_preset=“default“ locked=“off“ global_colors_info=“{}“][et_pb_row _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“][et_pb_text _builder_version=“4.14.7″ text_font=“Montserrat||||||||“ text_text_color=“#666666″ text_font_size=“21px“ text_letter_spacing=“1px“ text_line_height=“1.8em“ header_font=“Montserrat|600|||||||“ header_text_color=“#666666″ header_font_size=“29px“ header_line_height=“1.4em“ text_orientation=“center“ background_layout=“dark“ text_font_size_tablet=““ text_font_size_phone=““ text_font_size_last_edited=“on|desktop“ header_font_tablet=““ header_font_phone=““ header_font_last_edited=“on|phone“ header_font_size_tablet=““ header_font_size_phone=““ header_font_size_last_edited=“on|desktop“ inline_fonts=“Montserrat“ global_colors_info=“{}“ header_2_text_color=“#666666″ sticky_enabled=“0″ header_2_font=“|600|||||||“ header_2_font_size=“28px“ hover_enabled=“0″ locked=“off“]<\/p>\n

Wir machen Sie abmahnsicher
<\/span><\/h2>\n

Jetzt Angebot f\u00fcr Ihre Website anfordern.
Unverbindlich und kostenfrei.<\/p>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=“4.14.7″ custom_margin_tablet=““ custom_margin_phone=““ custom_margin_last_edited=“on|phone“ custom_padding=“0px||||false|false“ locked=“off“ global_colors_info=“{}“][et_pb_column type=“4_4″ _builder_version=“4.9.3″ global_colors_info=“{}“][et_pb_contact_form captcha=“off“ email=“info@frame-for-business.de“ custom_message=“Anfrage \u00fcber Kontaktformular (blog\/webflow-google-fonts-lokal-hosten).||et_pb_line_break_holder||||et_pb_line_break_holder||Name: %%Name%%||et_pb_line_break_holder||||et_pb_line_break_holder||Unternehmen: %%Unternehmen%%||et_pb_line_break_holder||||et_pb_line_break_holder||E-Mail: %%Email%%||et_pb_line_break_holder||||et_pb_line_break_holder||Website: %%Website%%||et_pb_line_break_holder||||et_pb_line_break_holder||Nachricht:||et_pb_line_break_holder||||et_pb_line_break_holder||%%Nachricht%%“ use_redirect=“on“ success_message=“Vielen Dank f\u00fcr Ihre Angebots-Anfrage. Wir werden uns innerhalb von max. 2 Werktagen mit einem Angebot bei Ihnen per E-Mail melden.“ submit_button_text=“Jetzt Angebot anfordern“ module_id=“et_pb_contact_form_2″ _builder_version=“4.14.7″ _unique_id=“afbb4769-555e-45f4-9e80-9353f34fbdde“ form_field_focus_background_color=“#ffaf06″ title_level=“h3″ title_font=“Montserrat||||||||“ title_text_align=“left“ title_font_size=“16px“ captcha_font=“Montserrat||||||||“ form_field_font=“Montserrat||||||||“ button_text_size=“19px“ button_text_color=“#ffffff“ button_bg_color=“#2ea3f2″ button_border_width=“5px“ button_border_color=“#2ea3f2″ button_border_radius=“5px“ button_letter_spacing=“0px“ button_font=“Montserrat||||||||“ button_icon=“E||divi||400″ button_icon_color=“#ffffff“ button_icon_placement=“left“ button_on_hover=“off“ button_custom_margin=“12px|16px|||false|false“ locked=“off“ global_colors_info=“{}“][et_pb_contact_field field_id=“Name“ field_title=“Name* “ _builder_version=“4.14.7″ max_height=“1000px“ global_colors_info=“{}“ button_text_size__hover_enabled=“off“ button_one_text_size__hover_enabled=“off“ button_two_text_size__hover_enabled=“off“ button_text_color__hover_enabled=“off“ button_one_text_color__hover_enabled=“off“ button_two_text_color__hover_enabled=“off“ button_border_width__hover_enabled=“off“ button_one_border_width__hover_enabled=“off“ button_two_border_width__hover_enabled=“off“ button_border_color__hover_enabled=“off“ button_one_border_color__hover_enabled=“off“ button_two_border_color__hover_enabled=“off“ button_border_radius__hover_enabled=“off“ button_one_border_radius__hover_enabled=“off“ button_two_border_radius__hover_enabled=“off“ button_letter_spacing__hover_enabled=“off“ button_one_letter_spacing__hover_enabled=“off“ button_two_letter_spacing__hover_enabled=“off“ button_bg_color__hover_enabled=“off“ button_one_bg_color__hover_enabled=“off“ button_two_bg_color__hover_enabled=“off“][\/et_pb_contact_field][et_pb_contact_field field_id=“Unternehmen“ field_title=“Unternehmen* “ _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_contact_field][et_pb_contact_field field_id=“Email“ field_title=“E-Mail* “ field_type=“email“ _builder_version=“4.14.7″ form_field_font=“Montserrat||||||||“ global_colors_info=“{}“ button_text_size__hover_enabled=“off“ button_one_text_size__hover_enabled=“off“ button_two_text_size__hover_enabled=“off“ button_text_color__hover_enabled=“off“ button_one_text_color__hover_enabled=“off“ button_two_text_color__hover_enabled=“off“ button_border_width__hover_enabled=“off“ button_one_border_width__hover_enabled=“off“ button_two_border_width__hover_enabled=“off“ button_border_color__hover_enabled=“off“ button_one_border_color__hover_enabled=“off“ button_two_border_color__hover_enabled=“off“ button_border_radius__hover_enabled=“off“ button_one_border_radius__hover_enabled=“off“ button_two_border_radius__hover_enabled=“off“ button_letter_spacing__hover_enabled=“off“ button_one_letter_spacing__hover_enabled=“off“ button_two_letter_spacing__hover_enabled=“off“ button_bg_color__hover_enabled=“off“ button_one_bg_color__hover_enabled=“off“ button_two_bg_color__hover_enabled=“off“][\/et_pb_contact_field][et_pb_contact_field field_id=“Website“ field_title=“Website*“ _builder_version=“4.14.7″ _module_preset=“default“ global_colors_info=“{}“][\/et_pb_contact_field][et_pb_contact_field field_id=“Nachricht“ field_title=“Anmerkungen (optional)“ field_type=“text“ required_mark=“off“ fullwidth_field=“on“ _builder_version=“4.14.7″ height_tablet=““ height_phone=““ height_last_edited=“on|phone“ global_colors_info=“{}“][\/et_pb_contact_field][et_pb_contact_field field_id=“Datenschutz“ field_title=“Datenschutzrechtlicher Hinweis* (Pflichtfeld)“ field_type=“checkbox“ checkbox_options=“%91{%22value%22:%22Die Datenschutzerkl\u00e4rung habe ich zur Kenntnis genommen.%22,%22checked%22:0,%22dragID%22:-1,%22link_text%22:%22%22,%22link_url%22:%22https:\/\/frame-for-business.de\/datenschutz\/%22}%93″ fullwidth_field=“on“ _builder_version=“4.14.7″ form_field_font_size=“11px“ link_option_url_new_window=“on“ global_colors_info=“{}“][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"

Auf vielen Webflow-Seiten werden Google Fonts genutzt. Hierbei ist es wichtig, dass die Schriften lokal gehostet werden. Mehr in unserer Schritt-f\u00fcr-Schritt-Anleitung.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"yoast_head":"\nWebflow: Google Fonts (abmahnsicher) lokal hosten<\/title>\n<meta name=\"description\" content=\"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webflow: Google Fonts (abmahnsicher) lokal hosten\" \/>\n<meta property=\"og:description\" content=\"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\" \/>\n<meta property=\"og:site_name\" content=\"Frame for Business\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-23T12:43:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-30T15:00:02+00:00\" \/>\n<meta name=\"author\" content=\"Dennis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dennis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\"},\"author\":{\"name\":\"Dennis\",\"@id\":\"https:\/\/frame-for-business.de\/#\/schema\/person\/c15ecf70d18b24e46937c2a28b111110\"},\"headline\":\"Webflow: Google Fonts (abmahnsicher) lokal hosten\",\"datePublished\":\"2021-03-23T12:43:37+00:00\",\"dateModified\":\"2023-05-30T15:00:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\"},\"wordCount\":4443,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/frame-for-business.de\/#organization\"},\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\",\"url\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\",\"name\":\"Webflow: Google Fonts (abmahnsicher) lokal hosten\",\"isPartOf\":{\"@id\":\"https:\/\/frame-for-business.de\/#website\"},\"datePublished\":\"2021-03-23T12:43:37+00:00\",\"dateModified\":\"2023-05-30T15:00:02+00:00\",\"description\":\"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.\",\"breadcrumb\":{\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/frame-for-business.de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webflow: Google Fonts (abmahnsicher) lokal hosten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/frame-for-business.de\/#website\",\"url\":\"https:\/\/frame-for-business.de\/\",\"name\":\"Frame for Business\",\"description\":\"Abmahnsicher.\",\"publisher\":{\"@id\":\"https:\/\/frame-for-business.de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/frame-for-business.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/frame-for-business.de\/#organization\",\"name\":\"Frame for Business GmbH\",\"url\":\"https:\/\/frame-for-business.de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/frame-for-business.de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/frame-for-business.de\/wp-content\/uploads\/2019\/12\/FRAME-FOR-BUSINESS_RGB_TRANSPARENT.png\",\"contentUrl\":\"https:\/\/frame-for-business.de\/wp-content\/uploads\/2019\/12\/FRAME-FOR-BUSINESS_RGB_TRANSPARENT.png\",\"width\":700,\"height\":500,\"caption\":\"Frame for Business GmbH\"},\"image\":{\"@id\":\"https:\/\/frame-for-business.de\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/frame-for-business.de\/#\/schema\/person\/c15ecf70d18b24e46937c2a28b111110\",\"name\":\"Dennis\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webflow: Google Fonts (abmahnsicher) lokal hosten","description":"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/","og_locale":"de_DE","og_type":"article","og_title":"Webflow: Google Fonts (abmahnsicher) lokal hosten","og_description":"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.","og_url":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/","og_site_name":"Frame for Business","article_published_time":"2021-03-23T12:43:37+00:00","article_modified_time":"2023-05-30T15:00:02+00:00","author":"Dennis","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Dennis","Gesch\u00e4tzte Lesezeit":"8 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#article","isPartOf":{"@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/"},"author":{"name":"Dennis","@id":"https:\/\/frame-for-business.de\/#\/schema\/person\/c15ecf70d18b24e46937c2a28b111110"},"headline":"Webflow: Google Fonts (abmahnsicher) lokal hosten","datePublished":"2021-03-23T12:43:37+00:00","dateModified":"2023-05-30T15:00:02+00:00","mainEntityOfPage":{"@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/"},"wordCount":4443,"commentCount":0,"publisher":{"@id":"https:\/\/frame-for-business.de\/#organization"},"articleSection":["Uncategorized"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/","url":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/","name":"Webflow: Google Fonts (abmahnsicher) lokal hosten","isPartOf":{"@id":"https:\/\/frame-for-business.de\/#website"},"datePublished":"2021-03-23T12:43:37+00:00","dateModified":"2023-05-30T15:00:02+00:00","description":"Google Fonts sollten bei Webflow-Seiten lokal eingebettet sein. Schritt-f\u00fcr-Schritt-Anleitung zur rechtssicheren Umsetzung.","breadcrumb":{"@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/frame-for-business.de\/blog\/webflow-google-fonts-lokal-hosten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/frame-for-business.de\/"},{"@type":"ListItem","position":2,"name":"Webflow: Google Fonts (abmahnsicher) lokal hosten"}]},{"@type":"WebSite","@id":"https:\/\/frame-for-business.de\/#website","url":"https:\/\/frame-for-business.de\/","name":"Frame for Business","description":"Abmahnsicher.","publisher":{"@id":"https:\/\/frame-for-business.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/frame-for-business.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/frame-for-business.de\/#organization","name":"Frame for Business GmbH","url":"https:\/\/frame-for-business.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/frame-for-business.de\/#\/schema\/logo\/image\/","url":"https:\/\/frame-for-business.de\/wp-content\/uploads\/2019\/12\/FRAME-FOR-BUSINESS_RGB_TRANSPARENT.png","contentUrl":"https:\/\/frame-for-business.de\/wp-content\/uploads\/2019\/12\/FRAME-FOR-BUSINESS_RGB_TRANSPARENT.png","width":700,"height":500,"caption":"Frame for Business GmbH"},"image":{"@id":"https:\/\/frame-for-business.de\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/frame-for-business.de\/#\/schema\/person\/c15ecf70d18b24e46937c2a28b111110","name":"Dennis"}]}},"_links":{"self":[{"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/posts\/15042"}],"collection":[{"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/comments?post=15042"}],"version-history":[{"count":38,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/posts\/15042\/revisions"}],"predecessor-version":[{"id":20861,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/posts\/15042\/revisions\/20861"}],"wp:attachment":[{"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/media?parent=15042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/categories?post=15042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frame-for-business.de\/wp-json\/wp\/v2\/tags?post=15042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}