Als u Google Fonts gebruikt, laadt u ze waarschijnlijk elke keer dat iemand voor het eerst uw website in de browser laadt. Het lettertypebestand wordt gehost door Google en wordt als externe bron gedownload voor het laden van elke pagina. U kunt de webfonts op uw eigen server aanbieden.
In uw browser, bijvoorbeeld Chrome, drukt u op F12 om de ontwikkelaarstools te openen. Klik op het tabblad "Netwerk" en laad de pagina opnieuw zoals aangegeven (bijv. F5). Vervolgens kunt u filteren op "Lettertypen" in het filterveld aan de linkerkant. U zult waarschijnlijk een aantal nieuwe regels zien verschijnen. Als u de muisaanwijzer over de naam van het lettertype beweegt, ziet u de URL. Google-lettertypen worden geladen vanuit een domein met de naam "fonts.gstatic.com". Misschien gebruikt u een andere webfont-provider, dan wordt de URL hier ook getoond. Als de URL aan het begin uw eigen domein weergeeft, wordt het lettertypebestand al gehost op uw eigen webhost.
In dit voorbeeld wordt het lettertype "sintony" gebruikt, zoals u kunt zien in de URL. U kunt uw lettertype zoeken op https://fonts.google.com en daar selecteren. Vervolgens kunt u het lettertypebestand downloaden als .zip bestand.
Unzip het bestand. De lettertypebestanden (bijvoorbeeld sintony.ttf of fontname.woff) kunt u via FTP op uw website plaatsen. In uw stylesheet dient u aan te geven dat het Google-lettertype met de juiste naam van de juiste locatie te laden:
@font-face {
font-family: 'Sintony';
font-style: normal;
font-weight: 400;
src: local('Sintony'),
url('../fonts/Sintony-Regular.ttf') format('truetype');
}
Hier is een voorbeeld van Yootheme voor Joomla-websites: https://yootheme.com/support/question/101253
Hier is een link voor Wordpress-sites: https://www.news47ell.com/how-to/host-google-fonts-locally-wordpress/
