Schriftarten via Google Fonts laden

Um Ihre Fonts via Google Fonts zu laden, gehen Sie wie folgt vor:

1. Gehen Sie auf fonts.google.com und suchen Sie die gewünschte Font.
2. Klicken Sie bei dem «Regular 400» auf das Plus dahinter. Optional können Sie Selbiges bei «Bold 700» wiederholen.
3. Kopieren Sie den Inhalt der oberen Textarea im Overlay auf der Seite in der Rubrik "Use on the web" (<link...>).
   
   
   
   
4. Fügen Sie die kopierten Inhalte unter CMS>Einstellungen in den Head Code ein.
   
   
   
   
5. Gehen Sie wieder zurück zu fonts.google.com.
6. Kopieren Sie den Inhalt im Overlay auf der rechten Spalte in der Rubrik "CSS rules to specify families" (font-family...).
   
   
   
   
7. Gehen Sie über «Konto» zum «Dateimanager».
8. Wählen Sie einen Ordner aus oder legen Sie einen neuen Ordner an.
   
   
   
   
9. Legen Sie in diesem Ordner eine neue Datei an, z. B. fonts.css. Diese muss vom Dateityp .css sein!
10. Klicken Sie auf diese Datei und fügen Folgendes ein:
    
    :root {
    --default-font-stack:XXX;
    }
    
    Ersetzen Sie die XXX mit dem Text hinter "font-family" (s. Punkt 6.). So wird z. B. font-family: 'Poppins', sans-serif; zu --default-font-stack: 'Poppins', sans-serif;
    
    
    
    
11. Klicken Sie schliesslich auf den Button «Speichern».