{"id":30473,"date":"2021-05-11T07:56:54","date_gmt":"2021-05-11T05:56:54","guid":{"rendered":"https:\/\/www.strato.nl\/blog\/?p=30473"},"modified":"2022-12-27T14:37:35","modified_gmt":"2022-12-27T13:37:35","slug":"google-fonts-lokaal-hosten-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/","title":{"rendered":"Google Fonts lokaal hosten in WordPress"},"content":{"rendered":"\n<p class=\"has-normal-font-size\"><strong>Het lokaal hosten van Google Fonts (in plaats van ze van de Google-server te laden) heeft verschillende voordelen. Het belangrijkste voordeel is dat je je gebruikers zo meer privacy biedt. Wij laten je zien hoe je Google Fonts op je eigen webspace kunt hosten. <\/strong><\/p>\n\n\n\n<p>Het lettertype dat je gebruikt, geeft je blog karakter en maakt het visueel aantrekkelijker of \u2018anders\u2019. Daarom gebruiken de meeste thema&#8217;s speciale lettertypes die meestal van de Google Fonts-servers geladen worden. Dit is handig omdat Google deze lettertypes gratis ter beschikking stelt.<\/p>\n\n\n\n<p>Maar dit veroorzaakt ook <a href=\"https:\/\/www.strato.nl\/blog\/zo-zorg-je-voor-privacybeveiliging-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">privacyproblemen<\/a>. De IP-adressen van al je blogbezoekers worden namelijk aan Google doorgegeven. De oplossing is om Google Fonts lokaal te hosten. <\/p>\n\n\n\n<p>Dat brengt wel een lastigheidje met zich mee. Om Google Fonts lokaal te hosten, moet je er eerst voor zorgen dat je thema en eventueel ook plug-ins geen lettertypes meer van de Google-servers laden. Dit kun je handmatig doen, maar daarvoor moet je wel een beetje verstand hebben van de programmeercode van WordPress. Het gebruik van een plug-in om Google Fonts te verwijderen, is daarom veel handiger.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-google-fonts-uit-themes-en-plug-ins-verwijderen\"><strong>Google Fonts uit themes en plug-ins verwijderen<\/strong><\/h2>\n\n\n\n<p>De plug-in <a href=\"https:\/\/wordpress.org\/plugins\/disable-remove-google-fonts\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Disable and Remove Google Fonts<\/a> levert hier goed werk. Het heeft geen verdere opties en verwijdert eenvoudig alle Google Fonts van je blog. Nadelen zijn er niet.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"454\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Disable-and-remove-Google-fonts-1.jpg\" alt=\"Disable and Remove Google Fonts\" class=\"wp-image-30478\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Disable-and-remove-Google-fonts-1.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Disable-and-remove-Google-fonts-1-300x187.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Plug-in &#8220;Disable and Remove Google Fonts&#8221;<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-de-benodigde-google-fonts-opsporen\"><strong>De benodigde Google Fonts opsporen<\/strong><\/h2>\n\n\n\n<p>Voor je de plug-in activeert, moet je eerst bepalen welke lettertypes je voor je blog nodig hebt. Hiertoe bekijk je de html-broncode van een willekeurig bericht op je blog. In de meeste webbrowsers kun je de broncode van een pagina bekijken door op Ctrl+U te drukken.<\/p>\n\n\n\n<p>Zoek in de broncode naar <em>fonts.googleapis.<\/em>com en <em>fonts.gstatic.com<\/em>. In ons voorbeeld worden de twee lettertypes \u2018Playfair\u2019 en \u2018Open Sans\u2019 geladen:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"241\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/In-de-broncode-naar-Google-fonts-zoeken.jpg\" alt=\"Zoek in de broncode naar geladen Google Fonts.\" class=\"wp-image-30479\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/In-de-broncode-naar-Google-fonts-zoeken.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/In-de-broncode-naar-Google-fonts-zoeken-300x99.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Zoek in de broncode naar geladen Google Fonts.<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Nu weet je welke lettertypes je nodig hebt en kun je de plug-in activeren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-google-fonts-en-verwante-css-code-downloaden\"><strong>Google Fonts en verwante CSS-code downloaden<\/strong><\/h2>\n\n\n\n<p>De volgende stap is om de lettertypes die je wilt gebruiken, te downloaden en lokaal te hosten. Een enorm handig hulpmiddel hierbij is de <a href=\"https:\/\/google-webfonts-helper.herokuapp.com\/fonts\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google Webfont Helper<\/a>. Op deze website kun je precies de lettertypes en letterstijlen downloaden die je nodig hebt. Deze tool geeft je ook de juiste code om de lettertypes in je childthema te integreren.<\/p>\n\n\n\n<p><em>Let op:<\/em> als je <a href=\"https:\/\/www.wplounge.nl\/wordpress-child-theme-maken\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">nog geen childthema hebt, moet je dat op dit punt aanmaken<\/a>. Want als je dingen in je thema wijzigt, verdwijnen die weer bij de volgende update. Daarom is een childthema heel nuttig voor de lokale integratie van Google Fonts.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"458\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper.jpg\" alt=\"Google Webfont Helper\" class=\"wp-image-30480\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-300x189.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Een van de twee lettertypes in ons voorbeeld: Playfair<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Gebruik het zoekformulier om het gezochte lettertype te vinden. Om te voorkomen dat het lettertypebestand te groot wordt, kies je bij <em>Select styles<\/em> de stijlen uit die je thema daadwerkelijk gebruikt.<\/p>\n\n\n\n<p>Maar hoe kom je erachter welke stijlen dat zijn? Daarvoor kijk je in het bestand <em>style.css<\/em> van je thema (en van het childthema, als je daar extra Google Fonts hebt opgenomen). Het thema staat in de map <em>\/wp-content\/themes\/THEMANAAM.<\/em><\/p>\n\n\n\n<p>Doorzoek de gehele <em>style.css<\/em> op de naam van het lettertype waar het om gaat, bijvoorbeeld \u2018Playfair\u2019. Kijk telkens of er definities zijn voor de eigenschap <em>font-weight<\/em>. In ons voorbeeld vinden we alleen de waarde <em>400<\/em> voor het Playfair-lettertype dat voor koppen wordt gebruikt. Daarnaast vinden we <em>600<\/em> voor Open Sans, dat zowel voor kleinere koppen als voor de lopende tekst gebruikt wordt.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"567\" height=\"316\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay.jpg\" alt=\"Doorzoek de gehele style.css op de naam van het lettertype\" class=\"wp-image-30481\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay.jpg 567w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay-300x167.jpg 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/figure>\n<\/div>\n\n\n<p>Omdat het blog Fairplay ook cursief gebruikt, zoals we aan het blogdesign kunnen zien, kiezen we hier de stijlen <em>regular<\/em> (gelijk aan 400) en <em>italic<\/em>.<\/p>\n\n\n\n<p>Onder punt <em>4. Download files<\/em> download je nu de fontbestanden. Kopieer bovendien de code uit het grijze vak onder punt <em>3. Copy CSS<\/em> in een teksteditor voor later gebruik.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"511\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay-download-files.jpg\" alt=\"Google Webfont Helper: Download de fontbestanden en kopieer de CSS-code voor het integreren.\" class=\"wp-image-30482\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay-download-files.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/Google-Webfont-helper-fairplay-download-files-300x211.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Download de fontbestanden en kopieer de CSS-code voor het integreren<\/em>.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Je gaat op dezelfde manier te werk voor de andere lettertypes die je kunt identificeren, zoals Open Sans in ons voorbeeld. Hier hebben we ook de lettertypes <em>regular<\/em> en <em>italic<\/em> nodig als standaard. Volgens de zoekresultaten in <em>style.css<\/em> hebben we bovendien de iets dikkere stijl <em>600<\/em> en de <em>italic<\/em>-versie van die stijl nodig.<\/p>\n\n\n\n<p>Vind je perfecte typografie niet zo belangrijk? Dan kun je de cursieve lettertypes weglaten. Want die hebben als enig voordeel dat ze een wat mooier cursief lettertype opleveren, maar ze vormen ook extra data. Daardoor duurt het weer langer voor de browser van de gebruiker alles heeft geladen. Als de cursieve letterstijl ontbreekt, zet de browser de standaardtekst gewoon schuin, in plaats van het specifieke font te gebruiken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-lettertypebestanden-in-het-childthema-zetten\"><strong>Lettertypebestanden in het childthema zetten<\/strong><\/h2>\n\n\n\n<p>Pak nu de zip-bestanden met de zojuist gedownloade lettertypes uit en upload alle bestanden (behalve de zip-bestanden zelf) via SFTP naar een nieuw aangemaakte map <em>\/fonts\/<\/em> in de Themes-map, bijvoorbeeld <em>\/wp-content\/themes\/fonts\/<\/em>.<\/p>\n\n\n\n<p>Je kunt de lettertypes natuurlijk ook ergens anders neerzetten, bijvoorbeeld in een submap van je childthema-map. Dan hoef je alleen maar de bestandspaden te veranderen in de CSS-code, die je in de volgende stap in je <em>style.css<\/em> kopieert.<\/p>\n\n\n\n<p>Vervolgens plak je in het bestand <em>style.css<\/em> van je childthema de CSS-code. Die code heb je eerder bij de lettertypes in Google Webfont Helper gekopieerd. Als alles goed werkt, komen de lettertypes die eerst van Google-servers geladen werden, nu rechtstreeks van je webspace.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-complete-plug-inoplossing\"><strong>Complete plug-inoplossing<\/strong><\/h2>\n\n\n\n<p>Wil je niet de moeite nemen om de lokale lettertypes handmatig toe te voegen? Dan kun je ook een plug-in gebruiken die het hele proces voor je regelt. <a href=\"https:\/\/wordpress.org\/plugins\/host-webfonts-local\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">OMGF | Host Google Fonts Locally<\/a> verwijdert Google Fonts \u00e9n vervangt ze ook door lokaal gehoste varianten.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"550\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WordPress-Plug-in-OMGF-2.jpg\" alt=\"De plug-in OMGF helpt je om Google Fonts lokaal te hosten.\" class=\"wp-image-30486\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WordPress-Plug-in-OMGF-2.jpg 728w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/WordPress-Plug-in-OMGF-2-300x227.jpg 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><figcaption class=\"wp-element-caption\"><em>Plug-in \u2018OMGF | Host Google Fonts Locally\u2019<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>Voor continu gebruik is de betaalde Pro-versie handig. In de gratis basisversie zijn de lettertypebestanden soms aanzienlijk groter dan de bestanden die je handmatig uit Google Webfont Helper kunt downloaden. Dat levert weer langere laadtijden op voor je bezoekers. De Pro-versie heeft enkele extra functies die de prestaties bij het laden van de lettertypes verder optimaliseren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-heb-je-nog-geen-wordpress\">Heb je nog geen WordPress?<\/h2>\n\n\n<a href=\"https:\/\/www.strato.nl\/hosting\/wordpress-hosting\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=google-fonts-lokaal-hosten-in-wordpress&#038;campaign=strato.nl\/blog\/Artikel\/google-fonts-lokaal-hosten-in-wordpress&#038;swtssa=nedsc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Naar de WordPress pakketten\ufeff<\/a>","protected":false},"excerpt":{"rendered":"<p>Het lokaal hosten van Google Fonts (in plaats van ze van de Google-server te laden) heeft verschillende voordelen. Het belangrijkste voordeel is dat je je gebruikers zo meer privacy biedt. Wij laten je zien hoe je Google Fonts op je eigen webspace kunt hosten. Het lettertype dat je gebruikt, geeft je blog karakter en maakt [&hellip;]<\/p>\n","protected":false},"author":54,"featured_media":30475,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[415],"tags":[460],"class_list":["post-30473","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-css"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Google Fonts lokaal hosten in WordPress - STRATO blogt<\/title>\n<meta name=\"description\" content=\"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Fonts lokaal hosten in WordPress - STRATO blogt\" \/>\n<meta property=\"og:description\" content=\"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO blogt\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-11T05:56:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-27T13:37:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Franz Neumeier\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Franz Neumeier\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\"},\"author\":{\"name\":\"Franz Neumeier\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481\"},\"headline\":\"Google Fonts lokaal hosten in WordPress\",\"datePublished\":\"2021-05-11T05:56:54+00:00\",\"dateModified\":\"2022-12-27T13:37:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\"},\"wordCount\":990,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg\",\"keywords\":[\"CSS\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\",\"name\":\"Google Fonts lokaal hosten in WordPress - STRATO blogt\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg\",\"datePublished\":\"2021-05-11T05:56:54+00:00\",\"dateModified\":\"2022-12-27T13:37:35+00:00\",\"description\":\"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg\",\"width\":728,\"height\":410,\"caption\":\"Google fonts lokaal hosten\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.strato.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Fonts lokaal hosten in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"name\":\"STRATO blogt\",\"description\":\"Nieuws en tips over webhosting!\",\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.strato.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\",\"name\":\"STRATO blogt\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"width\":259,\"height\":42,\"caption\":\"STRATO blogt\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481\",\"name\":\"Franz Neumeier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g\",\"caption\":\"Franz Neumeier\"},\"description\":\"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.\",\"url\":\"https:\/\/www.strato.nl\/blog\/author\/neumeier\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Fonts lokaal hosten in WordPress - STRATO blogt","description":"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.","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:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/","og_locale":"nl_NL","og_type":"article","og_title":"Google Fonts lokaal hosten in WordPress - STRATO blogt","og_description":"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.","og_url":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/","og_site_name":"STRATO blogt","article_published_time":"2021-05-11T05:56:54+00:00","article_modified_time":"2022-12-27T13:37:35+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg","type":"image\/jpeg"}],"author":"Franz Neumeier","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Franz Neumeier","Geschatte leestijd":"7 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/"},"author":{"name":"Franz Neumeier","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481"},"headline":"Google Fonts lokaal hosten in WordPress","datePublished":"2021-05-11T05:56:54+00:00","dateModified":"2022-12-27T13:37:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/"},"wordCount":990,"commentCount":0,"publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg","keywords":["CSS"],"articleSection":["WordPress"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/","url":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/","name":"Google Fonts lokaal hosten in WordPress - STRATO blogt","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg","datePublished":"2021-05-11T05:56:54+00:00","dateModified":"2022-12-27T13:37:35+00:00","description":"WordPress-themes gebruiken vaak lettertypes die via de Google servers geladen worden. We leggen uit hoe je Google Fonts lokaal kunt hosten.","breadcrumb":{"@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#primaryimage","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2021\/05\/STRATO-WordPress-Google-Fonts-728x410-1.jpg","width":728,"height":410,"caption":"Google fonts lokaal hosten"},{"@type":"BreadcrumbList","@id":"https:\/\/www.strato.nl\/blog\/google-fonts-lokaal-hosten-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.strato.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"Google Fonts lokaal hosten in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.strato.nl\/blog\/#website","url":"https:\/\/www.strato.nl\/blog\/","name":"STRATO blogt","description":"Nieuws en tips over webhosting!","publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.strato.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.strato.nl\/blog\/#organization","name":"STRATO blogt","url":"https:\/\/www.strato.nl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","width":259,"height":42,"caption":"STRATO blogt"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/373693d0ed46f90f144b785753c77481","name":"Franz Neumeier","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bbbb301a12a8cb3a3f9f2a89694e51c19477f3b6eb45207b5af5c333303a055a?s=96&d=mm&r=g","caption":"Franz Neumeier"},"description":"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.","url":"https:\/\/www.strato.nl\/blog\/author\/neumeier\/"}]}},"_links":{"self":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/30473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/users\/54"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/comments?post=30473"}],"version-history":[{"count":16,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/30473\/revisions"}],"predecessor-version":[{"id":34749,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/30473\/revisions\/34749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media\/30475"}],"wp:attachment":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media?parent=30473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/categories?post=30473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/tags?post=30473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}