Mit einer Schriftart kannst du deiner Website einen individuellen Look verleihen. Jedes Theme umfasst eine kuratierte Liste von Schriftarten, zwischen denen du wählen kannst, z. B. Google Fonts.
Zum Ändern deiner Schriften verwendest du je nachdem, welches Theme du nutzt, eine andere Option:
- Wenn du ein Theme verwendest, das den Website-Editor unterstützt (d. h., du kannst Design → Editor in deinem Dashboard sehen), kannst du die Schriften deiner Website im Website-Editor mithilfe von Stile ändern.
- Wenn du eines dieser Themes verwendest, nutze die Option „Globale Stile“ im WordPress-Editor.
- Bei anderen Themes kannst du die auf deiner Website verwendeten Schriften über Design → Anpassen → Schriften individuell anpassen.
In diesem Ratgeber
- Schriften mit dem Website-Editor ändern
- Schriftarten mit „Globale Stile“ ändern
- Schriftarten im Customizer ändern
- Eine Schriftart auf einen bestimmten Text anwenden
- Individuelle Schriften verwenden
- Häufig gestellte Fragen
- Kann ich ein Typekit.com-Konto zu meiner WordPress.com-Website hinzufügen?
- Werden die Schriften in meiner Sprache angezeigt?
- Woher weiß ich, ob die Schriftart, die ich verwenden möchte, für meine Sprache unterstützt wird?
- Warum erscheint kurz eine andere Schriftart, bevor meine gewählte Schriftart angezeigt wird?
- Google Fonts und DSGVO
Diese Funktion ist auf Websites mit den WordPress.com-Tarifen Premium, Business und Commerce verfügbar sowie auf Websites mit dem alten Pro-Tarif. Führe für Websites mit Kostenlos- und Persönlich-Tarif ein Tarif-Upgrade durch, um auf diese Funktion zuzugreifen.
Wenn deine Website ein Theme verwendet, das den Website-Editor unterstützt, kannst du die Schriften deiner Website mithilfe der Typografie-Einstellungen ändern, auf die du im Website-Editor über den Button Stile zugreifen kannst.
Wenn deine Website eines dieser Themes verwendet, kannst du die Schrift deiner Website mit „Globale Stile“ ändern.
- Klicke in deinem Dashboard auf Seiten.
- Klicke auf den Button Neu hinzufügen oder auf einen bestehenden Seitentitel, um die Seite im WordPress-Editor zu öffnen.
- Wähle das gewünschte Layout oder das leere Standard-Layout aus, wenn du eine neue Seite hinzufügst.
- Klicke im Editor auf den Button „Globale Stile“. Der Button „Aa“ befindet sich zwischen dem Einstellungs-Icon und dem grünen Jetpack-Button.
- Klicke auf das Drop-down-Menü unter „Überschriften“ oder „Basisschriftart“, um die zur Auswahl stehenden Schriftarten anzuzeigen.
Schriftarten werden paarweise festgelegt: einmal für Überschriften und einmal für die Basisschriftart.
- Schriftart für Überschriften: Wähle eine Schriftart für alle Überschriften in deinem Blog aus. Typische Beispiele für Überschriften sind Beitrags- und Seitentitel, Widget-Titel, Kommentar-Header und Überschriften innerhalb von Beiträgen und Seiten.
- Basisschriftart: Wähle eine Schriftart für den Haupttext und die Menüs in deinem Blog aus.
Klicke im Menü „Globale Stile“ auf Veröffentlichen, um deine neuen Schriftpaare zu speichern, oder auf Zurücksetzen, um die Änderungen rückgängig zu machen.
Wenn du deine Änderungen im Menü „Globale Stile“ veröffentlichst, wird die Seite, an der du gerade arbeitest, nicht veröffentlicht.
Im Block-Editor kannst du die Schriftgröße in einzelnen Blöcken ändern.
Um die Schriftgröße für Überschriften zu ändern, wählst du in deinem Überschriftsblock eine andere Überschrift (H1, H2 etc.) aus.
Absätze, Buttons und andere Textblöcke verfügen in den Blockeinstellungen über die Option „Typografie“, mit der du die Textgröße auf eine voreingestellte Größe ändern oder eine individuelle Schriftgröße eingeben kannst.
Wenn die Seitenleiste nicht angezeigt wird, musst du ggf. oben rechts in der Ecke auf das Icon Einstellungen klicken, um die Einstellungen zu öffnen. Dieses Icon sieht aus wie ein Quadrat mit zwei ungleichen Spalten.
Viele Themes weisen unter Design → Anpassen Optionen zum Ändern der Schrift auf. Wenn du im Customizer keine Schriftoptionen findest, schau nach, ob dein Theme die Methode „Globale Stile“ zum Ändern von Schriften unterstützt.
Schriftarten werden paarweise festgelegt: einmal für Überschriften und einmal für die Basisschriftart.
- Überschriften: Wähle eine Schriftart für alle Überschriften in deinem Blog aus. Typische Beispiele für Überschriften sind Beitrags- und Seitentitel, Widget-Titel, Kommentar-Header und Überschriften innerhalb von Beiträgen und Seiten.
- Basisschriftart: Wähle eine Schriftart für den Haupttext und die Menüs in deinem Blog aus.
Immer wenn du eine Schrift änderst, wird eine Live-Vorschau aktualisiert. So kannst du sehen, wie diese Schrift auf deinem Blog aussieht.
Schriftstil: Um den Stil deiner Schrift für Überschriften anzupassen, klickst du auf die Option unten links neben der Schrift. Je nachdem, welche Schriftart du gewählt hast, stehen unterschiedliche Stile zur Verfügung.
Schriftgröße: Um die Größe deiner Überschrift oder deiner Basisschriften anzupassen, klicke auf die Größenoption unten rechts neben jeder ausgewählten Schriftart und wähle im Drop-down-Menü eine Größe aus.
💡
Du kannst die globalen Standardschriftgrößen mit Individuelles CSS ändern.
Sobald du mit deiner Schriftauswahl zufrieden bist, kannst du deine Website veröffentlichen. Du kannst aber auch den Entwurf speichern, wenn du deine Website weiter anpassen möchtest, bevor du sie veröffentlichst.
Nachdem du deine individuellen Schriften ausgewählt hast, kannst du sie beliebig oft ändern.
Um die individuellen Schriften zu ändern, navigiere zu Design → Anpassen → Schriften und wähle eine andere Überschrift oder eine andere Basisschriftart aus. Alternativ kannst du wieder zur Standardschrift deines Themes wechseln, indem du rechts neben dem Namen der individuellen Schrift auf das X klickst.
Wenn du mit den Änderungen der Schriften zufrieden bist, klicke auf Veröffentlichen oder Entwurf speichern, um deine Website weiter anzupassen.
📌
Es kann ein paar Minuten dauern, bis deine Schriften nach dem Speichern auf deinem Blog oder deiner Website angezeigt werden. Du solltest auch den Cache deines Browsers leeren, um sicherzugehen, dass dir die neueste Version deiner Website angezeigt wird.
Um deine Schriften auf die Standardschriften des Themes zurückzusetzen, klicke neben deiner aktuellen Schrift auf das X.
- Navigiere zu Design → Anpassen
- Klicke auf Schriften.
- Klicke neben der individuellen Schrift auf das X, um die Schrift auf die Standardschrift des Themes zurückzusetzen.
- Klicke auf Änderungen speichern.
Beim Auswählen von Schriften werden dir Optionen zum Festlegen der Schriften für deine gesamte Website und nicht für einzelne Seiten oder eine bestimmte Textzeile angezeigt. Dies ist eine bewährte Praktik im Hinblick auf das Design – Websites sehen am besten aus, wenn die Schriften auf der gesamten Website konsistent sind. Wenn eine Website viele verschiedene Schriften hätte, könnte sie unübersichtlich werden.
Wenn du eine bestimmte Textpassage hervorheben möchtest, könntest du dies auf andere Weise tun, zum Beispiel, indem du andere Farben anwendest, einen Zitat-Block verwendest oder ein Bild einfügst.
Du kannst ein Plugin verwenden, mit dem auf deiner Website mehr Schriften installiert werden. Es gibt eine Vielzahl von Plugins, mit denen du deiner Website eigene Schriften hinzufügen kannst. Achte bei der Auswahl von Plugins auf die Bewertungen, die Anzahl positiver Kommentare und die Art von Support, die du vom Entwickler des Plugins erwarten kannst. Wenn du ein Plugin testest und dich dann dazu entschließt, es nicht zu verwenden, solltest du es unbedingt deaktivieren/löschen, damit deine Plugin-Liste nicht überladen wird.
💡
Du bist nicht sicher, welche Schrift du wählen sollst? Lass dich inspirieren von diesem Beitrag mit neun kostenlosen und eleganten Schreibschriften.
Es ist nicht möglich, ein externes Typekit.com-Konto zu einer Website oder einem Blog auf WordPress.com hinzuzufügen.
Wenn du unter „Einstellungen → Allgemein“ eine nicht-lateinische Sprache ausgewählt hast, werden alle Zeichen der individuellen Schrift geladen. Wenn du eine lateinische Sprache wie Englisch, Italienisch, Portugiesisch oder Spanisch ausgewählt hast, wird nur eine kleinere Teilmenge der Schrift geladen. Wenn einige Zeichen in deinem Blog nicht korrekt angezeigt werden, überprüfe bitte zuerst die Spracheinstellungen, um sicherzustellen, dass du die Sprache ausgewählt hast, in der du schreibst. Navigiere dann in deinem Customizer zu „Schriftarten“ und speichere die Schriftart erneut, damit sie in deiner neuen Spracheinstellung aktualisiert wird.
Um zu prüfen, ob eine bestimmte Schriftart in einer bestimmten Sprache richtig angezeigt wird, probierst du sie am besten im Customizer aus und schaust, ob sie sich von der Standardschriftart des Themes unterscheidet. Derzeit werden keine asiatischen Sprachen unterstützt und Kyrillisch wird in den meisten, aber nicht allen Schriftfamilien unterstützt. Die Unterstützung weiterer Sprachen ist ein Bereich, der in Zukunft weiter wachsen und verbessert wird.
Das nennt man FOUT (Flash of Unstyled Text). Bei langsameren Verbindungen wird Text zuerst in der Standardschriftart des Themes angezeigt. So können die Leute mit dem Lesen deines Inhalts beginnen, bevor deine individuelle Schriftart geladen wird, anstatt zu warten und eine leere Seite zu sehen. Das kann bedeuten, dass kurz eine andere Schriftart angezeigt wird, bevor die Seite fertig geladen ist. Insgesamt ist das aber für Leser mit langsameren Verbindungen besser, als einen leeren Bildschirm zu sehen. Wenn du dies vermeiden möchtest, kannst du mit dem CSS-Editor unter Design → Anpassen → Zusätzliches CSS (nur Premium-, Business-, E-Commerce und alter Pro-Tarif) deiner Website diesen CSS-Code hinzufügen:.wf-loading body { visibility: hidden; }
oderhtml:not(.wf-active) body { display: none; }
Alle Anfragen zur Bereitstellung von Google Fonts, die in WordPress.com-Themes verwendet werden, werden über die Server von WordPress.com bereitgestellt und verwenden nicht mehr das CDN/FDN von Google. Diese Änderung erfolgte im Dezember 2022.
Wenn deine Website ein individuelles Plugin oder ein Theme eines Drittanbieters verwendet, solltest du dich bei den Entwicklern des Plugins und/oder des Themes vergewissern, dass Google Fonts nicht über das CDN/FDN von Google bereitgestellt wird.