Ich habe Stunden damit verbracht, die Schriftarten auf meinen WordPress-Websites so zu gestalten, dass sie genau richtig aussehen. Manchmal sind die Standardschriften zu schwer zu lesen oder passen einfach nicht zu der Stimmung, die ich vermitteln will. Wenn es Ihnen auch so geht, machen Sie sich keine Sorgen. In diesem Leitfaden zeige ich Ihnen, wie Sie die Schriftarten in WordPress mithilfe von Tools ändern können, die anfängerfreundlich sind und keinen Code erfordern.
TL;DR: Einfache Möglichkeiten zum Ändern von Schriftarten in WordPress
- Verwenden Sie einen Theme-Builder, um die Schriftarten Ihrer Website vollständig zu kontrollieren.
- Schriftarten im WordPress Customizer ändern (kein Plugin erforderlich)
- Aktualisieren von Schriftarten mithilfe der vollständigen Website-Bearbeitung mit blockbasierten Themen
- Installieren Sie ein Schriftarten-Plugin für den Zugriff auf Google Fonts und mehr
- Optimieren Sie das Erscheinungsbild von Schriften direkt im Inhaltseditor
Warum Schriftarten in WordPress ändern?
Schriftarten sind ein wichtiger Bestandteil des Designs und der Markenbildung Ihrer Website. Die Änderung der Typografie in WordPress trägt zur Verbesserung der Lesbarkeit bei und gibt den Ton für Ihre gesamte Website an.
Wenn Sie auf Ihrer Website schwer lesbare Schriftarten verwenden, kann es für die Besucher schwierig sein, sich mit Ihren Inhalten zu beschäftigen, und sie werden Ihre Website schließlich verlassen. Wenn Sie jedoch die Schriftarten nach ihrer Lesbarkeit auswählen, können Sie die Benutzerfreundlichkeit verbessern. Die Verwendung einer serifenbetonten Schriftart mit serifenloser Schrift sieht in der Regel auf jeder Website gut aus.
Die Verwendung websicherer, lesbarer Schriftarten kann die Ladezeit Ihrer Seite und die Suchmaschinenoptimierung verbessern. Da sich die WordPress-Schrifteinstellungen auf die Leistung auswirken, kann die Wahl einer einfachen Typografie dazu beitragen, dass Ihre Website schneller lädt.
Die von Ihnen verwendeten Schriftarten prägen auch Ihre Markenidentität. Egal, ob Sie WordPress-Schriftarten anpassen, um modern oder verspielt zu wirken, sie schaffen ein einheitliches Erscheinungsbild, das Ihr Unternehmen widerspiegelt.
Viele WordPress-Themes werden mit Standard-Schriftarten geliefert, die nicht zu Ihrer Marke passen. Wenn Sie sie anpassen, haben Sie die volle Kontrolle über die Typografie, den Stil und die Sprache Ihrer Website.
Und dann ist da noch die Zugänglichkeit, 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 der Schriftart sollten Sie verwenden?
| Methode | Am besten für | Erfordert ein Plugin? | Anpassungsgrad |
|---|---|---|---|
| Theme Builder | Vollständige Kontrolle über Schriftarten und Design auf der gesamten Website | Ja | Hoch |
| Customizer | Schnelle Änderungen der Schriftart in den Theme-Einstellungen | Nein | Mittel |
| Vollständige Website-Bearbeitung (FSE) | Bearbeiten von Schriftarten mit blockbasierten Themen | Nein | Hoch |
| Schriftart-Plugin | Zugriff auf Google Fonts und erweiterte Typografie | Ja | Mittel bis Hoch |
| Inhaltlicher Redakteur | Benutzerdefinierte Schriftarten für einzelne Beiträge oder Seiten | Nein | Niedrig |
Verwenden Sie einen Theme Builder, um WordPress-Schriftarten zu ändern
Mit einem WordPress-Theme-Builder haben Sie die volle Kontrolle über die Schriftarten auf Ihrer gesamten WordPress-Website. Diese Methode ist ideal, wenn Sie jeden Teil Ihrer Website visuell gestalten möchten.
Für diese Methode verwende ich SeedProd, das beste Plugin für den Seiten- und Theme-Builder 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 Code-Zeile anzufassen.
Für den Anfang benötigen Sie die SeedProd Pro-Version, da sie 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. Die Anleitung zeigt Ihnen auch, wo Sie Ihren Plugin-Lizenzschlüssel eingeben müssen, um Ihre Premium-Funktionen freizuschalten.
Wenn das Plugin auf Ihrer Website aktiviert ist, gehen 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 Thema verwenden können.
Um ein Thema auszuwählen, bewegen Sie den Mauszeiger über ein Thema und klicken Sie auf das Häkchensymbol. Für diesen Leitfaden verwenden wir das Thema "Ernährungsberater".
Sobald Sie sich für ein Thema entschieden haben, generiert SeedProd automatisch die Vorlagen, aus denen Ihr Thema besteht.
Sie können jede Vorlage bearbeiten, um das Aussehen Ihres WordPress-Themes anzupassen. Es gibt auch die Möglichkeit, zusätzliche Vorlagenteile manuell zu erstellen.
In dieser Anleitung werden wir die Homepage-Vorlage bearbeiten und die Schriftarten für verschiedene Homepage-Elemente ändern. Klicken Sie dazu auf den Link Design bearbeiten unter der Überschrift Homepage.
Ihre Homepage-Vorlage wird nun im Drag-and-Drop-Builder von SeedProd angezeigt. Hier können Sie auf der linken Seite neue Designelemente hinzufügen und diese an beliebiger Stelle in der Designvorschau platzieren.
Um die Schriftart eines beliebigen Elements zu ändern, brauchen Sie nur darauf zu klicken. Wir klicken zum Beispiel auf das Textfeld unter der Überschrift, wodurch die Blockeinstellungen geöffnet werden.
Klicken Sie dort auf die Registerkarte Erweitert und dann auf Bearbeiten neben der Überschrift Typografie.
Es öffnet sich ein Dropdown-Panel mit mehreren Optionen zur Bearbeitung der Typografie des jeweiligen Gestaltungselements.
Wenn Sie zum Beispiel auf das Dropdown-Menü Schriftfamilie klicken, können Sie aus verschiedenen Google-Schriften auswählen. Sie haben auch die Möglichkeit, verschiedene Schriftschnitte auszuwählen und die Schriftgröße, die Zeilenhöhe, den Buchstabenabstand, die Groß- und Kleinschreibung, die Ausrichtung und vieles mehr anzupassen.
Um ein anderes Element Ihres WordPress-Themes mit SeedProd anzupassen, wiederholen Sie diese Schritte.
Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf die Schaltfläche Speichern am oberen Rand der Seite.
Nachdem Sie die Schriftarten Ihres WordPress-Themas bearbeitet und angepasst haben, kehren Sie zu SeedProd " Theme Builder zurück und klicken Sie auf den Kippschalter neben Enable SeedProd Theme in der Position Yes.
SeedProd schaltet Ihre Änderungen nun live, und Sie können die Schriftarten Ihrer Website auf Ihrer Homepage sehen.
Schriftarten in WordPress mit dem Customizer ändern
Mit dem WordPress Customizer können Sie Schriftarten basierend auf den Einstellungen Ihres aktiven Themes ändern. Es ist eine schnelle Möglichkeit, die Typografie ohne Plugins zu aktualisieren, aber die Optionen können je nach Theme begrenzt sein.
In diesem Beispiel verwende ich das WordPress-Theme Astra. Die Einstellungen, die Sie im Customizer sehen, hängen jedoch von Ihrem Theme ab. Die Optionen, nach denen Sie suchen müssen, sollten "Schriftart" oder "Typografie" in der Überschrift haben.
Um den WordPress Customizer zu öffnen, gehen Sie in der WordPress-Verwaltung auf Erscheinungsbild " Anpassen.
Im Astra-Thema können Sie mit der Option "Globale Einstellungen" standortweite Änderungen vornehmen. Wir klicken auf diese Option, um die Schriftarten auf der gesamten Website zu ändern.
Auf dem folgenden Bildschirm sehen Sie mehrere Anpassungsoptionen, darunter Typografie, Schriftfarben, Container und mehr. Klicken Sie auf die Option " Typografie", um aus verschiedenen Schriftvorgaben zu wählen, die die Schriftarten auf Ihrer gesamten Website ändern.
Alternativ können Sie auch die Schriftarten für einzelne Textelemente ändern, z. B. die Schriftarten für den Textkörper und die Überschriften. Klicken Sie dazu auf das Symbol "Bearbeiten" und wählen Sie eine Schriftart aus dem Dropdown-Menü " Schriftfamilie ".
In demselben Fenster können Sie die Schriftstärke, die Größe, den Stil und vieles mehr anpassen.
Wenn Sie mit den Änderungen an der Schriftart 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. In diesem Fall handelt es sich um die Rubik-Überschriftenschrift und die Karla-Körperschrift.
Hinweis: Nicht alle Themes bieten die gleichen Funktionen und Anpassungsmöglichkeiten. Wenn Ihr Theme dies nicht bietet, lesen Sie weiter zum nächsten Schritt.
Bearbeiten von Schriftarten mit vollständiger Website-Bearbeitung in WordPress
Wenn Sie ein blockbasiertes WordPress-Theme wie Twenty Twenty-Three verwenden, können Sie mit dem Full Site Editor die Schriftarten für Kopfzeilen, Fließtext und mehr direkt in der Designoberfläche aktualisieren.
Um mit dieser Methode zu beginnen, navigieren Sie in Ihrem WordPress-Administrationsbereich zu Erscheinungsbild " Editor, wodurch der FSE für Ihr Theme geöffnet wird. In diesem Fall verwenden wir das Theme "Twenty Twenty-Three".
Klicken Sie im Site-Editor auf eine beliebige Stelle in der Themenvorschau, um sie bildschirmfüllend anzuzeigen und eine zusätzliche Menüleiste einzublenden.
Klicken Sie dort auf das Symbol Stilarten in der oberen rechten Ecke und wählen Sie die Option Typografie.
Hier können Sie die 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 die neuen Schriftarten sehen, indem Sie den Site-Editor verlassen und Ihre Live-Website besuchen.
Verwenden Sie ein Plugin zum Hinzufügen oder Ändern von Schriftarten in WordPress
Mit Schriftarten-Plugins können Sie auf Hunderte von Google Fonts oder Adobe Fonts zugreifen. Diese Methode funktioniert mit den meisten Themes und ist eine gute Option, wenn Ihr aktuelles Theme keine integrierten Typografieeinstellungen bietet.
Mit dem Fonts-Plugin können Sie zum Beispiel aus 1455 kostenlosen Schriftarten wählen und sie auf Ihrer Website verwenden. Es umfasst auch die Integration von Adobe Fonts (Typekit) und bietet eine Live-Vorschau für die Anpassung.
Um loszulegen, laden Sie das Fonts-Plugin herunter und installieren und aktivieren Sie es auf Ihrer WordPress-Website. Wenn Sie Hilfe benötigen, können Sie diese Anleitung zur Installation eines WordPress-Plugins befolgen.
Als Nächstes gehen Sie in Ihrem Dashboard auf Fonts Plugin " Customize Fonts, wodurch sich der Live-Customizer von WordPress öffnet.
Hier können Sie auf die Grundeinstellungen klicken und die Webschriftarten für Ihre Basistypografie, Überschriften, Schaltflächen und Eingaben ändern.
Sie können auch auf die Option Erweiterte Einstellungen klicken, um die Schriftarten und die Typografie für Ihre Navigationslinks und die Seitenleiste zu ändern.
Wenn Sie mit den Änderungen zufrieden sind, klicken Sie auf die Schaltfläche Veröffentlichen. Von dort aus können Sie Ihre Website besuchen, um Ihre neuen Schriftarten in Aktion zu sehen.
Anpassen von Schriftarten in einzelnen Beiträgen oder Seiten
Sie möchten unterschiedliche Schriftarten für bestimmte Blogbeiträge oder Seiten? Sie können die Typografie direkt im Block-Editor anpassen. Klicken Sie einfach auf den Text und passen Sie die Schrifteinstellungen in der linken Seitenleiste an.
Diese Lösung eignet sich hervorragend für die Anpassung einzelner Beiträge, aber wenn Sie die Schriftart für die gesamte Website ändern möchten, sollten Sie eine der anderen Methoden in diesem Leitfaden verwenden.
Im Folgenden erfahren Sie, wie Sie die Schriftarten für bestimmte WordPress-Beiträge ändern können.
Bearbeiten Sie zunächst einen beliebigen Beitrag, um den WordPress-Inhaltseditor anzuzeigen, und klicken Sie dann auf den Textblock oder den Textkörper, den Sie ändern möchten. Klicken Sie in der linken Seitenleiste auf die drei Punkte neben der Überschrift Typografie.
Daraufhin öffnet sich eine Leiste, in der Sie verschiedene Einstellungen wie Schriftfamilie, Erscheinungsbild, Zeilenhöhe, Buchstabenabstand und vieles 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, um diesen speziellen Textblock anders aussehen zu lassen als den Rest Ihres Inhalts.
Vergessen Sie nicht, Ihre Änderungen zu speichern. Anschließend können Sie eine Vorschau des Beitrags anzeigen, um zu sehen, wie Ihre neuen Schriftarten aussehen.
FAQs zum Ändern von Schriftarten in WordPress
Hier finden Sie schnelle Antworten auf häufig gestellte Fragen zu Schriftarten, z. B. zur Verwendung benutzerdefinierter Schriftarten, zur Kombination mehrerer Schriftarten oder zur Optimierung der Schriftleistung 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. Mit einigen Tools wie SeedProd oder Fonts Plugin können Sie auch benutzerdefinierte Schriftarten hinzufügen, ohne den Code zu verändern.
Sie können die Schriftarten im WordPress-Block-Editor ändern, indem Sie einen Textblock auswählen und die Typografieeinstellungen öffnen. So können Sie eine andere Schriftart nur für diesen Block oder Beitrag auswählen.
Es gibt nicht die eine beste Schriftart, aber saubere, websichere Schriften wie Open Sans, Roboto oder Lato sind gut lesbar. Wählen Sie immer Schriftarten, die zu Ihrer Marke passen und auf allen Geräten leicht zu lesen sind.
Ja, bei den meisten Themes und Plugins können Sie verschiedene Schriftarten für Überschriften, Fließtext und Schaltflächen festlegen. Sie können die Schriftarten mischen, aber versuchen Sie, nicht mehr als 2-3 zu verwenden, um Ihr Design sauber zu halten.
Verwenden Sie nur die Schriftschnitte und -stile, die Sie benötigen, und stellen Sie sie von einem schnellen CDN oder Ihrem eigenen Server bereit. Google Fonts mit font-display: swap ist ein guter Ausgangspunkt für die Leistung.
Ich hoffe, diese Anleitung hat Ihnen geholfen, zu lernen, wie Sie Schriftarten in WordPress ändern können, ohne HTML-, PHP- oder CSS-Code zu schreiben. Vielleicht gefällt Ihnen auch diese Anleitung, wie man in WordPress Text zu einem Bild hinzufügt.
Wenn Sie volle Gestaltungsfreiheit wünschen, einschließlich der Änderung von Schriftarten auf Ihrer gesamten Website, macht SeedProd es Ihnen mit seinem visuellen Theme Builder leicht.
Testen Sie SeedProd noch heute und gestalten Sie Ihre WordPress-Website nach Ihren Vorstellungen.
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
