WordPress Theme 2025: Schriftarten anpassen

WordPress Schriftarten ändern: Am 12. November 2024 ist ein neues Standardtheme mit dem Namen Twenty Twenty-Five (TT5) erschienen. Ich habe mir die in TT5 mitgelieferten Schriftarten (Fonts) angesehen.

Die Fonts von Twenty Twenty-Five

• Die Fonts in der Übersicht
  • Manrope
  • Fira Code
  • Fira Sans
  • Literata
  • Vollkorn
  • Ysabeau Office
  • Platypi
• Eine Schriftart selbst installieren
  • Recherche auf Google Fonts
  • Das Stilbuch öffnen
  • Stil bearbeiten
  • Schriftverwaltung von WordPress öffnen
  • Neue Schrift installieren
  • Verfügbare Schriften überprüfen
• Neue Schriftarten zuweisen
  • Eine Schriftart manuell zuweisen
  • Eine Standard-Schriftart neu definieren
• Anhang 1: Riskiere ich eine Abmahnung für Schriftarten?
• Anhang 2: Gibt es Alternativen zu Google Fonts?

Folgende Schriftart-Kombinationen sind mit der Installation von TT5 für dich verfügbar:

1. Standard (die Schriftart Manrope für Text + Überschriften)
2. Platypi + Ysabeau Office
3. Platypi + Literata
4. Beiruti + Literata
5. Roboto Slap + Manrope
6. Literata + Fira Sans
7. Vollkorn + Fira Code
8. Literata + Isabeau Office

Die Schriftart-Kombinationen (jeweils eine Schriftart für Text + Überschrift) kannst du über die Stile zuweisen. Um zu den Stil-Einstellungen zu gelangen, klicke im Dashboard unter Willkommen bei WordPress in der rechten Spalte auf den Link Stile berabeiten.

Mit einem Klick auf Typografie kannst du dann die Schriftarten zuweisen – und zwar seit WordPress 6.7 unabhängig von deinem gewählten Stil.

Jetzt zeige ich dir, wie die mitgelieferten Fonts von Twenty Twenty-Five aussehen und für welche Arten von Websites sie geeignet sind.

Später zeige ich dir, wie du weitere Schriftarten installieren und den verschiedenen Elementen deiner Website (Texte, Links, Überschriften, Beschriftungen, Buttons) zuordnen kannst.

Die Fonts in der Übersicht

Manrope

Diese serifenlose Schriftart nennt sich Manrope. Für welche Websites ist Manrope geeignet?

Manrope ist eine moderne, aufgeräumte Schriftart, die sich vielseitig verwenden lässt. Manrope lässt sich gut mit anderen Schriftarten kombinieren.

Fira Code

Diese Serifenschrift nennt sich Fira Code.Für welche Websites ist Fira Code geeignet?

Fira Code ist eine sehr spezielle Schriftart. Sie ist für Websites zugeschnitten, die sich dem Programmieren widmen. Wenn du keine Technik-Website betreibst, ist Fira Code wahrscheinlich nicht geeignet.

Fira Sans

Diese serifenlose Schrift nennt sich Fira Sans. Für welche Websites ist Fira Sans geeignet?

Fira Sans ist eine dominante Schriftart. Für Boulevard-Websites ist Fira Sans gut geeignet.

Literata

Diese Serifenschrift nennt sich Literata. Für welche Websites ist Literata geeignet?

Literata ist eine klassische Buch- und Zeitungsschrift. Für Onlinemagazine und Buchblogger ist Literata ideal.

Vollkorn

Diese Serifenschrift nennt sich Vollkorn. Für welche Websites ist Vollkorn geeignet?

Vollkorn ist ähnlich wie Literata Für Onlinemagazine und Buchblogger ideal.

Ysabeau Office

Diese Serifenschrift nennt sich Ysabeau Office. Für welche Websites ist Ysabeau Office geeignet?

Ysabeau Office ist eine sehr noble Schriftart, ideal für Websites mit Bezug zu Bildung, Literatur, Museen oder klassischer Musik.

Platypi

Diese Serifenschrift nennt sich Platypi. Für welche Websites ist Platypi geeignet?

Platypi ist eine auffällige und etwas nostalgische Schriftart, ideal für Websites in den Bereich Entertainment und Retro-Gaming.

Ich mag den Retro-Stil von Platypi. Platypi ist die Überschriften-Schrift für den Stil Sunrise in TT5, kann aber, wie jede Schriftart, auch für jedem anderen Stil zugewiesen werden.

Eine Schriftart selbst installieren

Deine Wunschschrift ist nicht dabei? Kein Problem, du kannst jede Google-Schriftart in WordPress nachinstallieren, Ich zeige dir Schritt für Schritt, wie das funktioniert.

Recherche auf Google Fonts

Los gehts auf Google Fonts. Hier stöberst du die Google-Schriftarten durch. In der linken Seitenleiste von Google Fonts hast du diverse Filtermöglichkeiten. Den Namen der neuen Schriftart merkst du dir, dann wechselst du wieder zu WordPress. Für das folgenden Beispiel wurde die Schriftart Archivo Black gemerkt.

Das Stilbuch öffnen

Weiter geht es im Stilbuch. Klicke dazu auf Design / Website-Editor und dann auf Stile.

Jetzt werden die verschiedenen Stile angezeigt. Du willst deinen Stil behalten und eine bestimmte Schriftart ergänzen? Dann klicke auf Stil bearbeiten.

Stil bearbeiten

Der Klick auf das Stift-Symbol öffnet den Stil-Bearbeitungs-Modus. Nach dem Klick auf den Stift geht es nicht in der linken, sondern in der rechten Seitenleiste weiter.

Klicke in der rechten Seitenleiste auf Typografie. Jetzt zeigt dir WordPress die bereits installierten Schriftarten an.

In der rechten Seitenleiste findest du bei SCHRIFTEN das Icon mit den zwei kleinen Schiebereglern. Klicke auf das Icon, um in die Schriftverwaltung von WordPress zu gelangen.

Schriftverwaltung von WordPress öffnen

Jetzt bist du in der Schriftverwaltung von WordPress. So installierst du eine neue Schrift:

• Klicke oben auf das Register Schriften installieren.
• WordPress verbindet sich mit Google Fonts.
• Gib den Namen der gewünschten Schriftart in das Suchfeld Name der Schrift ein.

Vor der Installation fragt WordPress nochmal nach: Willst du dich wirklich mit Google Fonts verbinden? Die Antwort heißt: Ja! Klicke auf den großen blauen Button Den Zugriff auf Google Fonts erlauben. Falls du den Zugriff verweigerst, wird es nämlich komplizierter. Dann blendet WordPress das Register Schriftart installieren aus und du musst den gewünschten Font erst von Google auf deinen Computer herunterladen und dann über das Register Hochladen importieren.

Neue Schrift installieren

Im Beispiel wird die kräftige Schriftart Archivo Black installiert:

1. Das Register Schriften installieren ist ausgewählt.
2. Die Schriftart Archivo Black wurde ins Suchfeld eingegeben.
3. Archivo Black wird angezeigt.

Mit einem Klick auf den Namen Archivo Black öffnet sich das Installationsfenster.

• Die Checkbox vor der neuen Schriftart Archivo Black ist aktiviert.
• Rechts unten: Über den blauen Button Jetzt installieren rechts wird die neue Schriftart Archivo Black installiert.

WordPress meldet: Die Schriften wurden erfolgreich installiert. Theoretisch ist es auch möglich mehrere Schriften gleichzeitig zu installieren. Im Beispiel wurde aber nur eine hinzugefügt.

Ein kleiner Hinweis zur Anzahl der Schriftarten: Der Einsatz zu vieler unterschiedlicher Schriftarten wirkt unprofessionell, in der Regel genügen zwei unterschiedliche Fonts: Eine für die Überschriften und eine für die Texte.

Verfügbare Schriften überprüfen

Ab jetzt ist die neue Schriftart Archivo Black verfügbar. Für den Einsatz sind zwei Optionen möglich:

• Option 1: Die neue Schriftart wird nur an bestimmten, manuell ausgewählten Stellen eingesetzt.
• Option 2: Die neue Schriftart wird auf der gesamten Website für bestimmte Einsatzgebiete zum Standard. Sie soll beispielsweise in sämtlichen Überschriften eingesetzt werden.

Neue Schriftarten zuweisen

Los geht es mit der manuellen Zuweisung.

Eine Schriftart manuell zuweisen

Um die Schriftart manuell auszuwählen, erstellst du zunächst einen ganz normalen Textblock, also einen Absatz-Block. So geht es dann weiter.

1. Klicke in der rechten Seitenleiste oben auf Block.
2. Klicke in der rechten Seitenleiste unten auf Typografie. Jetzt klappt das Typografie-Menü auf.
3. In diesem Typografie-Menü ist standardmäßig nur ein Haken hinter Größe gesetzt. Setze einen weiteren Haken hinter Schrift.

Jetzt kannst du dem Block eine spezielle Schriftart zuweisen, darunter befindet sich auch die neu installierte Schrift Archivo Black.

Beispiel: Diesem Textblock wurde die Schriftart Archivo Black zugewiesen.

Achtung: Standard ist nicht der Name einer Schriftart. Wenn du Standard zuweist, wird die ursprünglich von deinem Stil vorgesehene Schriftart verwendet. Im Stilbuch kannst du aber diese Standard-Schriftart neu defineren, das machen wir jetzt an einem Beispiel!

Eine Standard-Schriftart neu definieren

Jetzt gehts los, die Standard-Schriftart soll neu definiert werden. Zur Orientierung:

1. Icon mit dem Halbmond: Du befindest dich bei den Stilen.
2. Icon mit dem Auge: Du bist im Stilbuch.
3. Du änderst etwas in der Typografie.

Jetzt kannst du, wenn du das Theme Twenty Twenty-Five verwendest, sehr genau bestimmen, welche Elemente mit welcher Schriftart versehen werden sollen. Bei anderen Block-Themes sind weniger Feineinstellungen möglich.

Im Beispiel wird die Standard-Schriftart für die Überschriften ersetzt.

1. Im Beispiel ausgewählt ist Alle Überschriften. Möglich wäre es aber auch, nur eine bestimmte Überschriften-Ebene zu ersetzen, zum Beispiel alle H2-Überschriften.
2. Voreingestellt ist die Standard, also die Standard-Schriftart des ausgewählten Stils.
3. Diese Standard-Schriftart wird durch Archivo Black ersetzt. Alle Überschriften werden nun in der Schriftart Archivo Black dargestellt.

Anhang 1: Riskiere ich eine Abmahnung für Schriftarten?

Wer schon etwas länger Websites betreibt, erinnert sich noch an das Jahr 2023. Damals waren viele (WordPress-) Admins von einer Abmahnwelle wegen der Verwendung von Google Fonts betroffen. Grund war aber nicht die Verwendung von Google Fonts, sondern die Einbindung. Für die Einbindung von Schriftarten haben Website-Betreiber grundsätzlich zwei Optionen:

1. Google Fonts liegen nur auf den Servern von Google
   Der auf der Website eingesetzte Google Font wird, sobald ein Besucher die Website aufruft, von den Google-Servern geladen. Dabei sammelt Google ungefragt, and das war der Anlass für die Abmahnwelle, Informationen über das Besucherverhalten. Es besteht also eine sogenannte Auftragsdatenverarbeitung (AV): Der Seitenbetreiber erhebt Daten im Auftrag von Google.
2. Google Fonts befinden sich im Fonts-Ordner von WordPress
   Der Betreiber der Website hat den eingesetzten Google Font von den Google-Servern heruntergeladen und in WordPress importiert. Der Font befindets ist also innerhalb der WordPress-Installation. Damit werden keine Besucherdaten an Google weitergegeben. Eine Auftragsdatenverarbeitung findet nicht statt. Diese Option ist in diesem Tutorial beschrieben. Alles gut!

Anhang 2: Gibt es Alternativen zu Google Fonts?

Über das Register Hochladen in der WordPress-Schriftverwaltung kannst du auch andere Schriftarten lokal installieren. Der Haken bei der Sache: Deine Besucherinnen sind mit sehr unterschiedlichen Browsern unterwegs und nicht jeder Browser kann jede Schriftart darstellen. Beim Einsatz von Google Fonts kannst du davon ausgehen, dass sie von 99,9 % aller Besucher korrekt dargestellt werden. Beim Einsatz anderer Fonts ist es empfehlenswert, die Darstellung ausgiebig mit verschiedenen Endgeräten und Browsern zu testen.

---