Ich habe Stunden damit verbracht, die Schriftarten auf meinen WordPress-Websites perfekt abzustimmen. Manchmal sind die Standard-Schriftarten schwer zu lesen oder passen einfach nicht zur Ausstrahlung, die ich anstrebe. Wenn es Ihnen genauso geht, machen Sie sich keine Sorgen. In diesem Leitfaden zeige ich Ihnen, wie Sie Schriftarten in WordPress mit anfängerfreundlichen Tools ändern können, ohne Code zu benötigen.
Kurz gesagt: Einfache Wege, Schriftarten in WordPress zu ändern
- Verwenden Sie einen Theme Builder, um die Schriftarten auf Ihrer gesamten Website vollständig zu steuern
- Schriftarten im WordPress Customizer ändern (kein Plugin erforderlich)
- Schriftarten mit Full Site Editing bei Block-basierten Themes aktualisieren
- Installieren Sie ein Schriftarten-Plugin, um auf Google Fonts und mehr zuzugreifen
- Schriftarten-Erscheinungsbild direkt im Content Editor anpassen
Warum Schriftarten in WordPress ändern?
Schriftarten sind ein wichtiger Bestandteil des Designs und Brandings Ihrer Website. Das Ändern der Typografie in WordPress verbessert die Lesbarkeit und gibt den Ton für Ihre gesamte Website an.
Wenn Ihre Website schwer lesbare Schriftarten verwendet, kann es für Besucher schwierig sein, sich mit Ihren Inhalten zu beschäftigen, und sie verlassen Ihre Website schließlich. Wenn Sie jedoch Schriftarten basierend auf der Lesbarkeit auswählen, können Sie die Benutzererfahrung verbessern. Zum Beispiel sieht eine Serifenschrift mit serifenloser Schrift auf jeder Website gut aus.
Die Verwendung von web-sicheren, gut lesbaren Schriftarten kann Ihre Ladezeit und SEO verbessern. Da die Schriftarteinstellungen von WordPress die Leistung beeinflussen, können einfache Typografie-Entscheidungen dazu beitragen, dass Ihre Website schneller geladen wird.
Die von Ihnen verwendeten Schriftarten prägen auch Ihre Markenidentität. Egal, ob Sie WordPress-Schriftarten anpassen, um sie modern oder verspielt zu gestalten, sie schaffen ein konsistentes Erscheinungsbild, das Ihr Unternehmen widerspiegelt.
Viele WordPress-Themes werden mit Standard-Schriftarten geliefert, die nicht zu Ihrer Marke passen. Durch die Anpassung erhalten Sie die volle Kontrolle über die Typografie, den Stil und die Stimme Ihrer Website.
Dann ist da noch die Barrierefreiheit, die für Besucher mit Lese- oder Sehbehinderungen wichtig ist. Die Wahl einer klaren und gut lesbaren Schriftart kann Ihre Website für ein breiteres Publikum zugänglicher machen.
Wie bereits erwähnt, gibt es mehrere Möglichkeiten, Schriftarten in WordPress zu ändern. Im Folgenden zeige ich Ihnen die einfachsten Methoden.
Welche Methode zum Ändern von Schriftarten sollten Sie verwenden?
| Methode | Am besten für | Plugin erforderlich? | Anpassungsgrad |
|---|---|---|---|
| Theme-Builder | Vollständige Kontrolle über Schriftarten und Design website-weit | Ja | Hoch |
| Anpassung | Schnelle Schriftartänderungen innerhalb Ihrer Theme-Einstellungen | Nein | Mittel |
| Full Site Editing (FSE) | Schriftarten mit Block-basierten Themes bearbeiten | Nein | Hoch |
| Schriftarten-Plugin | Zugriff auf Google Fonts und erweiterte Typografie | Ja | Mittel bis Hoch |
| Inhaltseditor | Benutzerdefinierte Schriftarten für einzelne Beiträge oder Seiten | Nein | Niedrig |
Verwenden Sie einen Theme Builder, um WordPress-Schriftarten zu ändern
Ein WordPress Theme Builder gibt Ihnen die volle Kontrolle über die Schriftarten auf Ihrer gesamten WordPress-Website. Diese Methode ist großartig, wenn Sie jeden Teil Ihrer Website visuell gestalten möchten.
Für diese Methode verwende ich SeedProd, das beste Page Builder und Theme Builder Plugin für WordPress. Es verfügt über einen Drag-and-Drop-Builder, mit dem Sie benutzerdefinierte WordPress-Themes visuell erstellen können, ohne eine einzige Codezeile anfassen zu müssen.
Um zu beginnen, benötigen Sie die SeedProd Pro-Version, da diese die Theme Builder-Funktion enthält. Nachdem Sie Ihren Plan ausgewählt und das Plugin heruntergeladen haben, müssen Sie es auf Ihrer WordPress-Website installieren und aktivieren.
Wenn Sie dabei Hilfe benötigen, können Sie unserer Schritt-für-Schritt-Anleitung zur Installation von SeedProd Pro folgen. Der Leitfaden zeigt Ihnen auch, wo Sie Ihren Plugin-Lizenzschlüssel eingeben können, um Ihre Premium-Funktionen freizuschalten.
Wenn das Plugin auf Ihrer Website aktiv ist, navigieren Sie in Ihrem WordPress-Dashboard zu SeedProd » Theme Builder und klicken Sie auf die Schaltfläche Theme Template Kits.
Von dort aus zeigt das Plugin eine Bibliothek von Website-Vorlagen an, die Sie als Ausgangspunkt für Ihr Theme verwenden können.
Um ein Theme auszuwählen, fahren Sie mit der Maus über eines und klicken Sie auf das Häkchen-Symbol. Wir verwenden für diese Anleitung das Theme Nutrition Consultant.
Sobald Sie eines ausgewählt haben, generiert SeedProd automatisch die Vorlagen, aus denen Ihr Theme besteht.
Sie können jede Vorlage bearbeiten, um das Aussehen Ihres WordPress-Themes anzupassen. Es besteht auch die Möglichkeit, zusätzliche Vorlagenteile manuell zu erstellen.
Für diese Anleitung bearbeiten wir die Homepage-Vorlage und ändern die Schriftarten für verschiedene Homepage-Elemente. Klicken Sie dazu auf den Link Design bearbeiten unter der Überschrift Homepage.
Ihre Homepage-Vorlage wird nun im Drag-and-Drop-Builder von SeedProd gestartet. Hier können Sie neue Designelemente aus dem linken Bereich hinzufügen und sie überall in der Designvorschau platzieren.
Um die Schriftart eines beliebigen Elements zu ändern, müssen Sie nur darauf klicken. Wir klicken zum Beispiel auf die Textbox unter der Überschrift, wodurch die Blockeinstellungen geöffnet werden.
Klicken Sie dort auf die Registerkarte Erweitert und dann auf Bearbeiten neben der Überschrift Typografie.
Dadurch wird ein Dropdown-Panel mit mehreren Optionen zum Bearbeiten der Typografie dieses spezifischen Designelements geöffnet.
Wenn Sie beispielsweise auf das Dropdown-Menü Schriftfamilie klicken, können Sie aus verschiedenen Google-Schriftarten wählen. Es gibt auch die Möglichkeit, verschiedene Schriftstärken auszuwählen und die Schriftgröße, Zeilenhöhe, Buchstabenabstand, Groß-/Kleinschreibung, Ausrichtung und mehr anzupassen.
Um andere Elemente Ihres WordPress-Themes mit SeedProd anzupassen, wiederholen Sie diese Schritte.
Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie oben auf der Seite auf die Schaltfläche Speichern.
Nachdem Sie die Schriftarten Ihres WordPress-Themes bearbeitet und angepasst haben, kehren Sie zu SeedProd » Theme Builder zurück und klicken Sie auf den Schalter neben SeedProd Theme aktivieren in die Position Ja.
SeedProd wird nun Ihre Änderungen live schalten, und Sie können die Schriftarten Ihrer Website sehen, indem Sie Ihre Homepage besuchen.
Schriftarten in WordPress mit dem Customizer ändern
Der WordPress Customizer ermöglicht es Ihnen, Schriftarten basierend auf den Einstellungen Ihres aktiven Themes zu ändern. Es ist eine schnelle Möglichkeit, Typografie ohne Plugins zu aktualisieren, aber die Optionen können je nach Theme eingeschränkt sein.
In diesem Beispiel verwende ich das Astra WordPress Theme. Die Einstellungen, die Sie im Customizer sehen, variieren jedoch je nach Theme. Die Optionen, nach denen Sie suchen müssen, sollten 'Schriftart' oder 'Typografie' im Titel haben.
Um den WordPress Customizer zu öffnen, gehen Sie zu Darstellung » Customizer in Ihrem WordPress-Adminbereich.
Im Astra-Theme ermöglicht eine Option für globale Einstellungen, websiteweite Änderungen vorzunehmen. Wir klicken auf diese Option, um die Schriftarten auf der gesamten Website zu ändern.
Auf dem folgenden Bildschirm sehen Sie verschiedene Anpassungsoptionen, darunter Typografie, Schriftfarben, Container und mehr. Klicken Sie auf die Option Typografie , um aus verschiedenen Schriftarten-Voreinstellungen auszuwählen, die die Schriftarten auf Ihrer gesamten Website ändern.
Alternativ können Sie Schriftarten für einzelne Textelemente ändern, z. B. für Ihre Körper- und Überschriften-Schriftarten. Klicken Sie dazu auf das Bearbeitungssymbol und wählen Sie eine Schriftart aus dem Dropdown-Menü Schriftfamilie .
Im selben Bereich können Sie Schriftstärken, Größe, Stil und mehr anpassen.
Wenn Sie mit Ihren Schriftartänderungen zufrieden sind, klicken Sie auf die Schaltfläche Veröffentlichen . Von dort aus können Sie Ihre Website besuchen, um Ihre neue Schriftart zu sehen, die in diesem Fall die Rubik-Überschriften-Schriftart und die Karla-Körper-Schriftart ist.
Hinweis: Nicht alle Themes bieten die gleichen Funktionen und Anpassungsoptionen. Wenn Ihr Theme dies nicht anbietet, lesen Sie weiter zum nächsten Schritt.
Schriftarten mit Full Site Editing in WordPress bearbeiten
Wenn Sie ein blockbasiertes WordPress-Theme wie Twenty Twenty-Three verwenden, können Sie mit dem Full Site Editor Schriftarten für Überschriften, Textkörper und mehr direkt in der Designoberfläche aktualisieren.
Um mit dieser Methode zu beginnen, navigieren Sie in Ihrem WordPress-Adminbereich zu Darstellung » Editor , wodurch der FSE für Ihr Theme geöffnet wird. In diesem Fall verwenden wir das Twenty Twenty-Three Theme.
Klicken Sie im Website-Editor irgendwo auf die Theme-Vorschau, um sie im Vollbildmodus anzuzeigen und eine zusätzliche Menüleiste einzublenden.
Klicken Sie von dort aus auf das Symbol Stile in der oberen rechten Ecke und wählen Sie die Option Typografie .
Hier können Sie Schriftarten in WordPress-Überschriften, Text, Links, Schaltflächen und mehr ändern.
Für dieses Beispiel wählen wir die Option Überschrift und wählen eine neue Schriftart aus dem Dropdown-Menü Schriftart .
Nachdem Sie Ihre Änderungen vorgenommen haben, klicken Sie auf die Schaltfläche Speichern . Sie können Ihre neuen Schriftartänderungen sehen, indem Sie den Website-Editor verlassen und Ihre Live-Website besuchen.
Verwenden Sie ein Plugin, um Schriftarten in WordPress hinzuzufügen oder zu ändern
Schriftart-Plugins ermöglichen Ihnen den Zugriff auf Hunderte von Google Fonts oder Adobe Fonts. Diese Methode funktioniert mit den meisten Themes und ist eine gute Option, wenn Ihr aktuelles Theme keine integrierten Typografie-Einstellungen bietet.
Das Fonts Plugin zum Beispiel ermöglicht Ihnen die Auswahl aus 1455 kostenlosen Schriftarten, die Sie auf Ihrer Website verwenden können. Es enthält auch die Integration von Adobe Fonts (Typekit) und bietet eine Live-Vorschau des Customizers.
Laden Sie zunächst das Fonts Plugin herunter und installieren und aktivieren Sie es auf Ihrer WordPress-Site. Wenn Sie Hilfe benötigen, können Sie dieser Anleitung folgen, wie man ein WordPress-Plugin installiert.
Gehen Sie als Nächstes in Ihrem Dashboard zu Fonts Plugin » Customize Fonts , wodurch der Live-WordPress-Customizer geöffnet wird.
Hier können Sie auf Basic Settings klicken und Web-Schriftarten für Ihre Basistypografie, Überschriften, Schaltflächen und Eingabefelder ändern.
Sie können auch die Option Advanced Settings klicken, um Ihre Branding-Schriftarten und Typografie für Ihre Navigationslinks und die Seitenleiste zu ändern.
Wenn Sie mit diesen Änderungen zufrieden sind, klicken Sie auf die Schaltfläche Publish . Von dort aus können Sie Ihre Website besuchen, um Ihre neuen Schriftarten in Aktion zu sehen.
Schriftarten in einzelnen Beiträgen oder Seiten anpassen
Möchten Sie auf bestimmten Blogbeiträgen oder Seiten andere Schriftarten verwenden? Sie können die Typografie direkt im Block-Editor anpassen. Klicken Sie einfach auf den Text und passen Sie die Schriftarteinstellungen in der linken Seitenleiste an.
Diese Lösung eignet sich hervorragend für die Anpassung einzelner Beiträge, aber wenn Sie schriftartweite Änderungen wünschen, ist es am besten, eine der anderen Methoden in dieser Anleitung zu verwenden.
Mit diesen Worten erfahren Sie hier, wie Sie Schriftarten für bestimmte WordPress-Beiträge ändern.
Bearbeiten Sie zunächst einen beliebigen Beitrag, um den WordPress-Inhaltseditor anzuzeigen, und klicken Sie dann auf den Textblock oder den Haupttext, den Sie ändern möchten. Klicken Sie in der linken Seitenleiste auf die drei Punkte neben der Überschrift Typography .
Dadurch wird ein Panel geöffnet, in dem Sie verschiedene Einstellungen wie Schriftfamilie, Erscheinungsbild, Zeilenhöhe, Buchstabenabstand und mehr auswählen können. Wenn Sie auf eine dieser Optionen klicken, wird sie Ihrer Seitenleiste hinzugefügt.
Von dort aus können Sie die Einstellungen bearbeiten, damit dieser bestimmte Textblock anders aussieht als der Rest Ihres Inhalts.
Denken Sie daran, Ihre Änderungen zu speichern. Anschließend können Sie den Beitrag in der Vorschau anzeigen, um zu sehen, wie Ihre neuen Beitragschriftarten aussehen.
FAQs zum Ändern von Schriftarten in WordPress
Erhalten Sie schnelle Antworten auf häufige schriftartbezogene Fragen, z. B. zur Verwendung benutzerdefinierter Schriftarten, zur Kombination mehrerer Schriftarten oder zur Optimierung der Schriftartenleistung für Geschwindigkeit und SEO.
Ja, Sie können benutzerdefinierte Schriftarten hochladen, indem Sie sie zu den Dateien Ihres Themes hinzufügen oder ein Plugin verwenden. Einige Tools wie SeedProd oder Fonts Plugin ermöglichen es Ihnen auch, benutzerdefinierte Schriftarten hinzuzufügen, ohne Code anfassen zu müssen.
Sie können Schriftarten im WordPress Block-Editor ändern, indem Sie einen Textblock auswählen und die Typografie-Einstellungen öffnen. Dadurch können Sie nur für diesen Block oder Beitrag einen anderen Schriftstil auswählen.
Es gibt keine beste Schriftart, aber klare, websichere Schriftarten wie Open Sans, Roboto oder Lato eignen sich hervorragend für die Lesbarkeit. Wählen Sie immer Schriftarten, die zu Ihrer Marke passen und auf allen Geräten gut lesbar sind.
Ja, die meisten Themes und Plugins ermöglichen es Ihnen, verschiedene Schriftarten für Überschriften, Haupttext und Schaltflächen festzulegen. Sie können Schriftarten mischen, aber versuchen Sie, sich an nicht mehr als 2–3 zu halten, um Ihr Design sauber zu halten.
Verwenden Sie nur die Schriftstärken und -stile, die Sie benötigen, und laden Sie sie von einem schnellen CDN oder Ihrem eigenen Server. Google Fonts mit font-display: swap ist ein guter Ausgangspunkt für die Leistung.
Ich hoffe, dieser Leitfaden hat Ihnen geholfen zu lernen, wie Sie Schriftarten in WordPress ändern, ohne HTML-, PHP- oder CSS-Code zu schreiben. Möglicherweise gefällt Ihnen auch dieser Leitfaden zum Hinzufügen von Text zu einem Bild in WordPress.
Wenn Sie volle Gestaltungsfreiheit wünschen, einschließlich der Änderung von Schriftarten auf Ihrer gesamten Website, macht SeedProd dies mit seinem visuellen Theme Builder einfach.
Probieren Sie SeedProd noch heute aus und beginnen Sie, Ihre WordPress-Website nach Ihren Wünschen zu gestalten.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
