Projekt starten

Google Fonts lokal im WordPress-Child-Theme laden

Google Fonts über fonts.google.com einzubinden ist einfach – bringt aber Probleme mit sich:

  1. Ladezeit und schlechte Werte in Google PageSpeed Insights
  2. DSGVO (die IP-Adresse wird an den Schriftdienst übertragen)

Deshalb sollten Sie die gewünschten Google Fonts lokal in Ihr WordPress-Child-Theme einbinden. So geht’s:

  1. Öffnen Sie den Google Webfonts Helper
  2. Suchen Sie oben links nach Ihrer Schrift
  3. Wählen Sie die benötigten Schnitte aus
    und nur die, die Sie wirklich brauchen – je mehr Sie laden, desto langsamer wird die Seite
  4. Ändern Sie das Ordner-Präfix in ./fonts/
  5. Kopieren Sie das CSS in Ihr Child-Theme
  6. Laden Sie die Dateien herunter
  7. Legen Sie sie in den Ordner „fonts“ Ihres Child-Themes
  8. Hochladen