Google Fonts
Autor: René A. Da Rin,   Artikel erstellt: am 05.12.2018,   aktualisiert am 13.04.2022



Das Einbinden von Google Font in WordPress ist denkbar einfach. Sie gehen auf die Webseite von Google und suchen sich eine Schrift aus. Passen Sie ggf. die Parameter an und klicken Sie auf das Plus-Symbol. Im Reiter ‘Family Selected’ finden Sie die Codes, welche Sie in Ihre Webseite übernehmen müssen.

Die Standard Variante ist das Einbinden in den Header der Webseite. Die Variante mittels @import ermöglicht es das Laden direkt im CSS-File.

Laden vom Google Server

Das wirklich einfachste ist, die Schriften beim Aufruf der Seite jeweils vom Google Server zu laden. Es gibt Stimmen, dieses Vorgehen sei nicht konform mit der DSGVO. Da gehen die Meinungen aber weit auseinander. Google weiss mit Sicherheit, welche Domain die die Schrift lädt, kann aber keine personenbezogenen Daten erfassen.

Laden im Header

CSS Datei

Der Schriftenname im CSS entspricht dem Namen wie er von Google geladen wird.

Schriften lokal auf dem Server speichern

Um die Schrift lokal auf den Sever zu bekommen, verwenden wir am Einfachsten den Google Web Font Helper.

Zeichensatz wählen

Für eine Mitteleuropäische Seite ist LATIN die ideale Wahl.

Schriftschnitte auswählen

CSS-Code kopieren

Schreibe eine Antwort

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.