So erweitern Sie die Schriftarten in WordPress
Mit WordPress lässt sich relativ komfortabel und schnell ein eigener Blog erstellen. Und mehr noch hat sich die beliebte Open Source Software in den letzten Jahren zu einem soliden Content Management System (CMS) gemausert, das immer mehr Anhänger findet.
Aber natürlich wachsen mit der Verbreitung auch die Ansprüche der Nutzer an eine solche Software.
Die Anzahl der verfügbaren Schriftarten, und vor allem deren Anpassungsmöglichkeiten sind aus unserer Sicht doch etwas mager, und so wünscht sich sicherlich so mancher hier etwas mehr Auswahl.
Die Lösung liegt wie so häufig in WordPress im passenden Plugin.
So erweitern Sie die Schriftarten in WordPress
Mit WordPress lässt sich relativ komfortabel und schnell ein eigener Blog erstellen. Und mehr noch hat sich die beliebte Open Source Software in den letzten Jahren zu einem soliden Content Management System (CMS) gemausert, das immer mehr Anhänger findet.
Aber natürlich wachsen mit der Verbreitung auch die Ansprüche der Nutzer an eine solche Software.
Die Anzahl der verfügbaren Schriftarten, und vor allem deren Anpassungsmöglichkeiten sind aus unserer Sicht doch etwas mager, und so wünscht sich sicherlich so mancher hier etwas mehr Auswahl.
Die Lösung liegt wie so häufig in WordPress im passenden Plugin.
1. Easy Google Fonts installieren
1. Easy Google Fonts installieren
Als erstes installieren wir das Plugin Easy Google Fonts.
Dies können Sie entweder so wie in unserer Beschreibung über die Schnittstelle in WordPress erledigen, oder Sie laden sich das Plugin separat hier herunter und installieren es dann extern.
Gehen Sie im Backend Ihrer Seite in der linken Menüleiste auf den Punkt: Plugins – Installieren
Siehe Abb.: (klicken zum vergrößern)
Hier haben Sie nun die Möglichkeit entweder Plugins die nicht über die Suche gefunden werden können direkt von Ihrer Festplatte hochzuladen, oder aber über die Suchfunktion das Plugin einfach suchen zu lassen.
Geben Sie in dem Suchfeld einfach: Easy Google Fonts ein, und das gewünschte Plugin erscheint in der Auswahl, wo Sie es dann einfach über den entsprechenden Button installieren und abschliessend aktivieren können.
Siehe Abb.: (klicken zum vergrößern)
Als erstes installieren wir das Plugin Easy Google Fonts.
Dies können Sie entweder so wie in unserer Beschreibung über die Schnittstelle in WordPress erledigen, oder Sie laden sich das Plugin separat hier herunter und installieren es dann extern.
Gehen Sie im Backend Ihrer Seite in der linken Menüleiste auf den Punkt: Plugins – Installieren
Siehe Abb.: (klicken zum vergrößern)
Hier haben Sie nun die Möglichkeit entweder Plugins die nicht über die Suche gefunden werden können direkt von Ihrer Festplatte hochzuladen, oder aber über die Suchfunktion das Plugin einfach suchen zu lassen.
Geben Sie in dem Suchfeld einfach: Easy Google Fonts ein, und das gewünschte Plugin erscheint in der Auswahl, wo Sie es dann einfach über den entsprechenden Button installieren und abschliessend aktivieren können.
Siehe Abb.: (klicken zum vergrößern)
2. Font Control Name vergeben
2. Font Control Name vergeben
Da Sie die Möglichkeit haben mehrere Fontgruppen mit Easy Google Fonts zu erstellen, müssen wir nach der Installation erstmal eine Gruppe festlegen, und benennen.
Dazu gehen Sie im Backend Ihrer Seite erneut in der Menüleiste links auf: Einstellungen – Google Fonts
Siehe Abb.: (klicken zum vergrößern)
Und vergeben dort unter der Registerkarte: Edit Font Controls der Fontgruppe einen Namen.
Siehe Abb.: (klicken zum vergrößern)
Damit haben wir nun die Basis geschaffen um unsere Fontgruppe frei zu editieren.
Da Sie die Möglichkeit haben mehrere Fontgruppen mit Easy Google Fonts zu erstellen, müssen wir nach der Installation erstmal eine Gruppe festlegen, und benennen.
Dazu gehen Sie im Backend Ihrer Seite erneut in der Menüleiste links auf: Einstellungen – Google Fonts
Siehe Abb.: (klicken zum vergrößern)
Und vergeben dort unter der Registerkarte: Edit Font Controls der Fontgruppe einen Namen.
Siehe Abb.: (klicken zum vergrößern)
Damit haben wir nun die Basis geschaffen um unsere Fontgruppe frei zu editieren.
3. Schriftarten editieren und zuweisen
3. Schriftarten editieren und zuweisen
Um jetzt unsere Schriftarten den einzelnen Typen von Überschriften (H1 – H6) sowie den Absatzschriften zuweisen und editieren zu können, müssen wir erneut im Backend unserer Seite in der linken Menüleiste unter: Design – Customizer auswählen.
Siehe Abb.: (klicken zum vergrößern)
Dort gehen Sie nun unter: Typografie auf Default Typografie
Siehe Abb.:(klicken zum vergrößern)
und befinden sich dann direkt im Einstellungsbereich von Easy Google Fonts wo alle verfügbaren Überschriftentypen und sonstigen Schriftarten angezeigt werden.
Siehe Abb.:(klicken zum vergrößern)
Um jetzt unsere Schriftarten den einzelnen Typen von Überschriften (H1 – H6) sowie den Absatzschriften zuweisen und editieren zu können, müssen wir erneut im Backend unserer Seite in der linken Menüleiste unter: Design – Customizer auswählen.
Siehe Abb.: (klicken zum vergrößern)
Dort gehen Sie nun unter: Typografie auf Default Typografie
Siehe Abb.:(klicken zum vergrößern)
und befinden sich dann direkt im Einstellungsbereich von Easy Google Fonts wo alle verfügbaren Überschriftentypen und sonstigen Schriftarten angezeigt werden.
Siehe Abb.:(klicken zum vergrößern)
4. Größe, Farben und Abstände anpassen
4. Größe, Farben und Abstände anpassen
Es gibt bei diesem wirklich fantastischen Plugin kaum Einstellungsmöglichkeiten die man vermisst.
So haben wir nicht nur die Möglichkeit die Schriftart (z.B. Times New Roman, Antic Slab, uvm) individuell zu gestalten, sondern wir können auch für jeden Schrifttyp die Farbe, sowie die Abstände, Höhe, Positionierung und einiges mehr separat einstellen.
Siehe Abb.: (klicken zum vergrößern)
Es gibt bei diesem wirklich fantastischen Plugin kaum Einstellungsmöglichkeiten die man vermisst.
So haben wir nicht nur die Möglichkeit die Schriftart (z.B. Times New Roman, Antic Slab, uvm) individuell zu gestalten, sondern wir können auch für jeden Schrifttyp die Farbe, sowie die Abstände, Höhe, Positionierung und einiges mehr separat einstellen.
Siehe Abb.: (klicken zum vergrößern)
Über den Autor:
Beliebte Beiträge
Handy weg? Keine Panik! – Leitfaden für Sofortmaßnahmen
Ein verlorenes Handy kann Stress und Panik verursachen. Dieser Artikel führt Sie durch die Schritte, die Sie unternehmen sollten, um Ihr Gerät zu finden, weiteren Schaden zu reduzieren, und Ihre Daten zu schützen.
Amazon Visa-Karte wird eingestellt: Das ist jetzt wichtig!
Amazon hat angekündigt, seine hauseigene Visa-Karte einzustellen. Diese Entscheidung könnte erhebliche Auswirkungen auf die Kunden haben, die diese Karte noch nutzen.
Apple ´Tap to Pay´ jetzt auch in Europa verfügbar
Apple Tap to Pay, die innovative Funktion, die es ermöglicht, kontaktlose Zahlungen direkt über das iPhone zu akzeptieren, kommt nach Europa. Diese Entwicklung könnte die Landschaft der digitalen Zahlungen revolutionieren und sowohl für Verbraucher als auch für Händler Vorteile bringen.
KI-gestütztes Surfen und Shoppen mit Microsoft Bing und Edge
Das neue Bing und Edge von Microsoft vereinen Suche, Browsing und Chat durch Zusammenarbeit mit OpenAI und dem neuesten Modell GPT 4 zu einem nahtlosen Erlebnis. Mit verbesserten Suchfunktionen, interaktivem Chat und KI-Funktionen wird das Surfen im Internet revolutioniert.
Die Digitale Rentenübersicht: Einführung und Ausblick
Die digitale Rentenübersicht revolutioniert die Art und Weise, wie wir unsere Altersvorsorge verwalten. Durch eine zentrale Plattform erhalten wir einen umfassenden Überblick über unsere Rentenansprüche und können individuelle Maßnahmen zur Optimierung treffen.
Internetanschluss zu langsam – Welche Ansprüche Sie haben
Eine unzureichende Internetgeschwindigkeit kann frustrierend sein, und Ihre Produktivität erheblich beeinträchtigen. Wussten Sie, dass Sie Ansprüche geltend machen können, wenn Ihre tatsächliche Internetgeschwindigkeit deutlich unter der im Vertrag festgelegten Geschwindigkeit liegt?
Frühjahrsangebote in: Vorlagen
Beliebte Beiträge
Handy weg? Keine Panik! – Leitfaden für Sofortmaßnahmen
Ein verlorenes Handy kann Stress und Panik verursachen. Dieser Artikel führt Sie durch die Schritte, die Sie unternehmen sollten, um Ihr Gerät zu finden, weiteren Schaden zu reduzieren, und Ihre Daten zu schützen.
Amazon Visa-Karte wird eingestellt: Das ist jetzt wichtig!
Amazon hat angekündigt, seine hauseigene Visa-Karte einzustellen. Diese Entscheidung könnte erhebliche Auswirkungen auf die Kunden haben, die diese Karte noch nutzen.
Apple ´Tap to Pay´ jetzt auch in Europa verfügbar
Apple Tap to Pay, die innovative Funktion, die es ermöglicht, kontaktlose Zahlungen direkt über das iPhone zu akzeptieren, kommt nach Europa. Diese Entwicklung könnte die Landschaft der digitalen Zahlungen revolutionieren und sowohl für Verbraucher als auch für Händler Vorteile bringen.
KI-gestütztes Surfen und Shoppen mit Microsoft Bing und Edge
Das neue Bing und Edge von Microsoft vereinen Suche, Browsing und Chat durch Zusammenarbeit mit OpenAI und dem neuesten Modell GPT 4 zu einem nahtlosen Erlebnis. Mit verbesserten Suchfunktionen, interaktivem Chat und KI-Funktionen wird das Surfen im Internet revolutioniert.
Die Digitale Rentenübersicht: Einführung und Ausblick
Die digitale Rentenübersicht revolutioniert die Art und Weise, wie wir unsere Altersvorsorge verwalten. Durch eine zentrale Plattform erhalten wir einen umfassenden Überblick über unsere Rentenansprüche und können individuelle Maßnahmen zur Optimierung treffen.
Internetanschluss zu langsam – Welche Ansprüche Sie haben
Eine unzureichende Internetgeschwindigkeit kann frustrierend sein, und Ihre Produktivität erheblich beeinträchtigen. Wussten Sie, dass Sie Ansprüche geltend machen können, wenn Ihre tatsächliche Internetgeschwindigkeit deutlich unter der im Vertrag festgelegten Geschwindigkeit liegt?
Frühjahrsangebote in: Vorlagen
