Zurück zum Support Designe deine Website Die Schriften auf deiner Website ändern

Die Schriften auf deiner Website ändern

Der Stil der Textzeichen auf deiner Website wird als Schrift bezeichnet. In diesem Ratgeber wird dir gezeigt, wie du die Schriften für deine Website auswählen kannst.

Schriften und Tarifberechtigung

Websites mit unseren Premium-, Business- und Commerce-Tarifen können aus einer großen Auswahl an Schriften für ihre Website wählen, aber keine eigenen individuellen Schriften hochladen.

Um individuelle Schriften hochzuladen und Schriftstile aus Google Fonts zu installieren, führe ein Upgrade auf den Business- oder Commerce-Tarif durch.

Deine Schriftarten ändern

Mit den folgenden Schritten kannst du die Schriftarten deiner Website ändern.

Um herauszufinden, welchen Abschnitt dieses Ratgebers du befolgen sollst, rufe dein Dashboard auf und schau links unter Design nach. Wenn Editor angezeigt wird, verwende den Abschnitt Website-Editor dieses Ratgebers. Verwende ansonsten die Anweisungen für WP Admin oder Customizer.

Wenn deine Website ein Theme verwendet, das den Website-Editor unterstützt, kannst du die Schriftarten auf deiner Website mithilfe von Stilen ändern. Die Schriftarten deiner Website änderst du folgendermaßen:

  1. Rufe dein WordPress.com-Dashboard auf.
  2. Navigiere zu Design → Editor.
  3. Klicke links auf Stile oder wähle das Stile-Icon aus, das wie ein schwarz-weißer Kreis aussieht.
  4. Wähle die Option Typografie aus.
  5. Wähle eines der folgenden Textelemente auf deiner Website aus:
    • Text
    • Links
    • Überschriften
    • Untertitel
    • Buttons
  6. Klicke auf das Dropdown-Menü unter „Schriftart“ und wähle die gewünschte Schrift aus. Der Text wird in die von dir gewählte Schriftart geändert, damit du sehen kannst, wie er aussieht.
  7. Klicke auf den Button „Speichern“.

Diese Schritte werden im folgenden Video veranschaulicht:

Ein Pfeil zeigt auf den Button „Stile“ im Website-Editor. Das Icon ist ein schwarz-weißer Kreis.
Das Stile-Icon
Schriftarten im Website-Editor ändern

In unserem Ratgeber zu Stilen findest du ausführlichere Informationen zu allen Schritten, mit denen du das Design von Text auf deiner Website anpassen kannst.

Eine Schriftart auf einen bestimmten Text anwenden

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, eine Überschrift oder einen Zitat-Block verwendest oder ein Bild einfügst.

Individuelle Schriften hochladen

Dieser Abschnitt des Ratgebers bezieht sich auf Websites mit den WordPress.com-Tarifen Business und Commerce sowie auf Websites mit dem alten Pro-Tarif. Wenn du einen Business-Tarif hast, aktiviere ihn unbedingt. Führe für Websites mit Kostenlos-, Persönlich- und Premium-Tarif ein Tarif-Upgrade durch, um auf diese Funktion zuzugreifen.

Für deine Website findest eine große Auswahl an Schriftarten. Wenn du mehr Schriften zur Auswahl haben möchtest, kannst du direkt über den Website-Editor individuelle Schriften installieren oder hochladen.

In unserem Ratgeber erfährst du, wie du individuelle Schriften installieren, hochladen und verwalten kannst.

Flash of Unstyled Text

Flash of Unstyled Text (FOUT) bedeutet, dass kurz eine andere Schriftart erscheint, bevor die von dir gewählte Schriftart angezeigt wird. Bei langsameren Verbindungen wird Text zuerst in der Standardschriftart des Themes angezeigt. So können die Leute mit dem Lesen deines Inhalts beginnen, bevor die von dir gewählte 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 bei berechtigten Tarifen mit dem CSS-Editor unter Design → Anpassen → Zusätzliches CSS:

.wf-loading body { visibility: hidden; }

oder

html:not(.wf-active) body diesen CSS-Code zu deiner Website hinzufügen. { display: none; }

Google Fonts und DSGVO

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, vergewissere dich bei den Entwicklern des Plugins und/oder des Themes, dass Google Fonts nicht über das CDN/FDN von Google bereitgestellt wird. Hier findest du weitere Informationen zur DSGVO.

Copied to clipboard!