9 beste Typografie-Plugins für WordPress

Eine gute Typografie ist entscheidend für Ihre Website. Typografie umfasst Schriftarten, Layouts, Initialen, Symbole und mehr. Vieles davon kann jetzt mit Gutenberg gemacht werden, aber die Schriftarten sind immer noch ein Bereich, in dem Plugins einen großen Unterschied machen können. In diesem Artikel sehen wir uns verschiedene Optionen an, die Ihnen bei der Auswahl des besten Typografie-Plugins für WordPress helfen.

1. Divi Builder-Plugin

Das Divi Builder Plugin fügt den Divi Builder zu jedem WordPress-Theme hinzu. Es enthält 800 Google-Schriftarten und Sie können Ihren Google-API-Schlüssel hinzufügen, um automatisch neue Schriftarten zu erhalten. Sie können auch mehr hochladen. Auch wenn das Divi-Plugin mehr als nur Typografie leistet, ist es aufgrund der Vielzahl von Typografiefunktionen eine gute Wahl, auch wenn Sie den Divi Builder nicht vollständig nutzen. Die Typografie-Optionen sind auch im Divi-Theme verfügbar.

Durchsuchen Sie die Schriftarten in jedem Modul, das Text enthält, und sehen Sie sich eine Vorschau jeder Schriftart an. Zuletzt verwendete Schriftarten stehen ganz oben, sodass sie leicht zu finden sind.

Schriftarten sind vollständig gestaltbar. Style inline oder in den Einstellungen des Moduls. Passen Sie jede Überschriftengröße für jedes Modul unabhängig an.

Legen Sie Stile als global fest und erweitern Sie sie mit wenigen Klicks auf andere Module.

Hauptmerkmale :

• Schriftarten und Textgestaltung.
• Erstellen Sie globale Stile.
• Passen Sie Schriftarten für Desktop, Tablet und Telefon unabhängig voneinander an.
• Testen Sie Ihre Typografieauswahl auf Split.
• Zeigen Sie eine Vorschau der Stile an, bevor Sie sie anwenden.
• Stile erweitern.
• Kopieren und Einfügen von Stilen.
• Farbmanager.
• Suchen und Ersetzen von Stilen.
• Textschatten.

Preis : 89 $ pro Jahr, 249 $ lebenslang | Mehr Informationen

2. Verwenden Sie eine beliebige Schriftart

Use Any Font ist ein einfaches Typografie-Plugin für WordPress, mit dem Sie neue Schriftarten hochladen können.

Laden Sie neue Schriftarten im Einstellungsbildschirm hoch. Sie können auch vordefinierte Schriftarten hinzufügen.

Wenn Sie Vordefinierte Schriftarten auswählen, wird ein Modal geöffnet, in dem Sie eine beliebige Schriftart suchen und auswählen können. Es bietet eine Vorschau, damit Sie wissen, was Sie erhalten. Es gibt fast 24.000 Optionen für den persönlichen und kommerziellen Gebrauch.

Weisen Sie jedem Element im Einstellungsbildschirm Schriftarten zu. Sie können auch benutzerdefinierte Elemente hinzufügen.

Hauptmerkmale :

• Weisen Sie jedem Element Schriftarten zu.
• Zu benutzerdefinierten Elementen zuweisen.
• Laden Sie neue Schriftarten hoch.
• Fast 24.000 vordefinierte Schriftarten.
• Die Pro-Version fügt mehrere Schriftarten-Uploads hinzu.

Preis : Kostenlose Pro-Version ab 9,99 $ | Mehr Informationen

3. Erweiterte Editor-Tools

Advanced Editor Tools funktioniert sowohl mit Gutenberg als auch mit dem Classic-Editor. Es fügt viele Typografieoptionen hinzu und lässt Sie die Symbolleiste des klassischen Editors sowohl im klassischen Block als auch im klassischen Editor anpassen. Es fügt Gutenberg einen neuen Absatzblock hinzu. Sie können den Blockeditor auch durch den klassischen Editor ersetzen, wenn Sie möchten.

Die Gutenberg-Einstellungen umfassen Symbolleisten für den Blockeditor, klassische Absatz- und klassische Blöcke, nicht verwendete Schaltflächen für die Symbolleisten und viele Optionen. Die Einstellungen konzentrieren sich auf die Typografie und ermöglichen es Ihnen, genau die gewünschten Funktionen anzupassen.

Sie können den Classic Editor auch mit denselben Symbolleisten, ungenutzten Schaltflächen und Optionen anpassen.

Hauptmerkmale :

• Fügt den Gutenberg- und Classic-Editoren Typografieoptionen hinzu.
• Passen Sie die Symbolleisten an.
• Textfarben anpassen.
• Fügen Sie Gutenberg einen Absatzblock hinzu.
• Ersetzen Sie den Blockeditor durch den klassischen Editor.

Preis : Kostenlos | Mehr Informationen

4. Google Fonts-Typografie

Google Fonts Typography fügt dem Theme-Anpasser ein neues Menü mit grundlegenden und erweiterten Einstellungen hinzu. Wählen Sie aus 998 Google-Schriften und wenden Sie sie auf bestimmte Elemente auf Ihrer Website an. Sie können eine Vorschau der Schriftarten anzeigen, damit Sie vor der Veröffentlichung wissen, wie sie aussehen.

Dem Theme Customizer wird ein neues Menü hinzugefügt, das grundlegende Einstellungen, erweiterte Einstellungen, das Laden von Schriftarten und Debugging-Tools enthält.

In den Grundeinstellungen können Sie die Schriftfamilie für die Basistypografie, Überschriften und Schaltflächen auswählen. Sie können auch die Schriftstärke und den Stil auswählen.

Erweitert fügt benutzerdefinierte Einstellungen für Branding, Navigation, Inhalt, Seitenleiste, Fußzeile und nur Schriftarten hinzu. Dieses Beispiel zeigt die Inhaltseinstellungen.

Sie können auch Adobe-Schriftarten hinzufügen, wenn Sie einen API-Schlüssel haben.

Hauptmerkmale :

• Verwendet den Theme-Anpasser.
• Enthält grundlegende und erweiterte Einstellungen.
• Vorschau vor der Veröffentlichung.
• Die Pro-Version fügt Schriftgröße und -farbe hinzu, hostet lokal, optimiert das Laden und lädt benutzerdefinierte Schriftarten hoch.
• Fügen Sie Adobe-Schriften hinzu.

Preis : Kostenlos, Pro-Version ab 59 $ | Mehr Informationen

5. Schriftart Super

Font Awesome erleichtert das Hinzufügen von Symbolen zu Ihren Inhalten. Sie können kostenlose oder professionelle Symbole verwenden und zwischen SVG oder Webfont wählen. Symbole können von einem CDN oder Web-Kit geladen werden. Symbole werden mit Shortcodes oder HTML zu Ihren Inhalten hinzugefügt. Die kostenlose Version enthält über 1600 Symbole, und Sie können mit der Pro-Version noch viel mehr hinzufügen.

Auf dem Einstellungsbildschirm können Sie zwischen der Verwendung eines Kits oder CDN, Pro- oder Free-Fonts und SVG- oder Web-Fonts wählen. Sie können auch die gewünschte Version und Kompatibilität auswählen.

Dieses Beispiel zeigt, wie die Font Awesome-Symbole mit Shortcodes zu meinen Inhalten hinzugefügt werden.

Das von mir hinzugefügte Icon erscheint nun im Inhalt des Frontends.

Hauptmerkmale :

• Fügen Sie Font Awesome-Symbole mit Shortcodes oder HTML hinzu.
• Über 1600 Icons für die kostenlose Version.
• Verwenden Sie SVGs oder ein Web-Kit.
• Wählen Sie ein CDN oder ein Kit.
• Die Pro-Version enthält über 7800 Symbole, 4 Stile, 20 gehostete Pro-Kits, 250 hochgeladene Symbole und mehr.

Preis : Kostenlos, Pro-Version kostet $99 | Mehr Informationen

6. Styleguide

Styleguide ist ein einfaches Typografie-Plugin für WordPress, mit dem Sie Schriftarten und Farben aus dem Theme-Anpasser auswählen können. Es enthält die 45 beliebtesten Google-Schriften, und Sie können mit Code weitere hinzufügen. Die Theme-Kompatibilität ist eingeschränkt. Es funktioniert standardmäßig nicht mit Divi. Wenn es mit Ihrem Design nicht funktioniert, müssen Sie die Designunterstützung mit Code hinzufügen. Sie enthalten ein Beispiel für den Code.

Die Schriftstiloptionen werden dem Theme-Anpasser hinzugefügt. Zu den Einstellungen gehören die Kopfzeilenschriftart, die Textkörperschriftart und die Hintergrundfarbe. Es hat auch eine Dunkelmodus-Option, die eine Schaltfläche am unteren Rand der Seite hinzufügt.

Hauptmerkmale :

• Schriftstil zum Theme-Anpasser hinzugefügt.
• Wählen Sie unabhängig voneinander Schriftarten für die Kopfzeile und den Textkörper.
• Dunkler Modus.
• Fügen Sie weitere Schriftarten mit Code hinzu.
• Designkompatibilität mit Code hinzufügen.

Preis : Kostenlos | Mehr Informationen

7. Seitentitel-Splitter

Mit dem Seitentitel-Splitter können Sie Haltepunkte für Ihre Titel setzen, um zu bestimmen, wo sie geteilt werden. Dies ist besonders bei kleineren Bildschirmen hilfreich. Es funktioniert mit dem klassischen Editor und bietet Ihnen eine einfache Leiste zum Platzieren des Breakpoints. Ein Klick auf das Symbol öffnet die Leiste. Der Haltepunkt wird dann dort platziert, wo Sie innerhalb des Titels klicken.

Mit den Einstellungen können Sie CSS-Klassen und -Stile hinzufügen und den Titel, Menütitel, Widget-Titel und mehr ändern. Es enthält detaillierte Anweisungen zur Verwendung.

Hier ist der Haltepunkt für einen Beispielartikel, den ich erstellt habe. Ich habe eine festgelegt, aber Sie können mehrere Markierungen setzen, um den Titel an mehreren Stellen zu unterbrechen.

Der Breakpoint teilt den Titel am Frontend. Dies kann verwendet werden, um Ihre Titel mit einzigartigen Layouts zu gestalten, die normalerweise nicht verfügbar sind.

Hauptmerkmale :

• Erstellt Haltepunkte für Titel.
• Funktioniert mit dem klassischen Editor.
• Setzen Sie mehrere Markierungen.
• Passen Sie die Haltepunkte mit CSS an.

Preis : Kostenlos | Mehr Informationen

8. Sekundärtitel

Secondary Title ist ein einfaches Typografie-Plugin für WordPress, das mit dem klassischen Editor zusammenarbeitet, um neben dem regulären Titel einen weiteren Titel anzuzeigen. Es fügt ein neues Feld über dem Titelfeld hinzu und bietet Einstellungen, mit denen Sie das Aussehen und die Funktionsweise anpassen können. Es ist kompatibel mit Beitragstypen, Kategorien und bestimmten Beitrags-IDs.

In den Einstellungen können Sie das Format des sekundären Titels und die Anzeigeregeln festlegen. Legen Sie die Regeln für Beitragstypen und Kategorien fest. Es bietet eine Vorschau des sekundären Titels, damit Sie ihn anpassen können.

Über dem Titel wird ein neues Feld hinzugefügt, in das Sie den sekundären Titel eingeben können.

Der Titel wird entsprechend den im Einstellungsbildschirm ausgewählten Optionen angezeigt. Dies sind die Standardeinstellungen.

Hauptmerkmale :

• Fügt dem klassischen Editor ein neues Titelfeld hinzu.
• Passen Sie das Titeldesign nach Belieben an.
• Wählen Sie die Beitragstypen und Kategorien aus, die den sekundären Titel verwenden.

Preis : Kostenlos | Mehr Informationen

9. Zeno Font Resizer

Zeno Font Resizer ermöglicht es Ihren Besuchern, die Größe der Schriftarten zu ändern, während sie Ihre Website anzeigen. Ein Cookie speichert die Einstellungen, damit sie sie nicht bei jedem Besuch ändern müssen. Sie haben die Kontrolle über die Auswahlmöglichkeiten, das angezeigte Symbol, die Anzahl der Tage, in denen das Cookie funktioniert, und mehr.

Auf dem Einstellungsbildschirm können Sie den HTML-Code, die Schritte zur Größenänderung, die minimale und maximale Größe, das Zeichen, das für das Größenänderungssymbol angezeigt wird, und die Cookie-Einstellungen anpassen. Im HTML können Sie auswählen, wie die Größenänderung funktioniert.

Ich habe den Resizer mit dem Widget zur Seitenleiste hinzugefügt.

Hauptmerkmale :

• Passen Sie die Schritte zur Größenänderung an.
• Legen Sie die minimale und maximale Größe fest.
• Wählen Sie den Charakter.
• Cookie speichert die Einstellungen des Besuchers.
• Fügen Sie es mit Code oder einem Widget hinzu.

Preis : Kostenlos | Mehr Informationen

Gedanken beenden

Das ist unser Blick auf die besten Typografie-Plugins für WordPress. Es gibt viele gute Optionen, die Ihre Typografie hervorheben und die Aufmerksamkeit Ihrer Leser auf sich ziehen können. Wenn Sie nach einem Typografie-Plugin für WordPress suchen, finden Sie in dieser Liste sicher etwas, das Ihren Anforderungen entspricht.

Wir wollen von dir hören. Was ist dein Lieblings-Typografie-Plugin für WordPress?

Ausgewähltes Bild über ANTSTUDIO / shutterstock.com