Google Fonts auf den eigenen Server einbinden

Der wohl einfachste Weg um Google-Fonts vom eigenen Server in seine Webseite einzubinden ist den google-webfonts-helper von Mario Ranftl zu nutzen!

Link: google-webfonts-helper

Download Google-Webfont

Auf der Webseite von google-webfonts-helper wählen Sie im linken Bereich Ihre gewünschte Schriftart aus.

Unter 1.Select charsets/ 2.Select styles können Sie die gewünschten Zeichensatze und Schriftgrößen makieren

Es wird ein passender CSS-Code unter 3. Copy CSS für Ihre Schriftart mit allen gewählten Font-Formaten generiert
diesen kopieren Sie sich, passen die Pfade zu Ihren Fontverzeichnis an und fügen ihn in Ihre eine CSS-Datei ein.

Nun laden Sie sich noch die erstellte Zip-Datei unter 4. Download-files herunter


Nach dem die zip-Datei entpackt und in das eigene Font-Verzeichnis kopiert wurde müssen nur noch sie Styles definiert werden wo die Schrift genutzt werden soll

Beispiel:

body {
 font-family: "Montserrat"!important;
 }
h1, h2, h3, h4, h5, h6 {
 font-family: "Montserrat"!important;
 }