Updates: Verbesserte Typografie-Optionen

Wir haben gerade ein weiteres Update für unsere gesamte Theme- und Pro-Add-on-Kollektion ausgerollt. Die neuesten Versionen bringen dir überarbeitete Typografie-Optionen mit vielen kleineren Verbesserungen und Bugfixes.

Besseres lokales Font-Hosting

Aus Datenschutz- und Performance-Gründen sind wir der Meinung, dass das lokale Hosten von Fonts viel besser ist, als diese direkt von Google-Servern zu laden. Bisher haben wir daher eine kleine und sorgfältig ausgewählte Menge an Schriftarten in unseren Produkten gebündelt. Da die Schriftdateien recht groß sind, war die Anzahl der lokal verfügbaren Fonts immer sehr begrenzt.

Mit den aktuellen Updates haben wir uns entschieden, das neue offizielle Webfont Loader Package des WordPress.org Theme-Teams zu verwenden. Und so funktioniert es: Mit dem Pro-Add-on kannst du nun im Customizer zwischen allen Google Fonts wählen. Sobald eine neue Schrift ausgewählt und gespeichert wurde, wird die Schrift von Google heruntergeladen und lokal im Ordner /wp-content/fonts/ in deiner WordPress-Installation gespeichert.

Deine Website-Besucher werden dann mit lokal gehosteten Schriftarten bedient, ohne dass eine Verbindung zu den Google-Servern besteht. Nur die Live-Vorschau im Customizer lädt die Schriften noch direkt von der Google Webfont-API. Für die Vorschau und das Ausprobieren von Dutzenden von neuen Schriften ist es technisch nicht praktikabel, diese alle herunterzuladen und lokal zu speichern. Dies wird nur für die Schriften gemacht, die am Ende verwendet werden.

Verwendung von CSS-Variablen

Wir haben auch die Stylesheets in allen unseren Themes und Pro-Add-ons angepasst, um CSS-Variablen für Schriftfamilien und Schriftstyling zu verwenden, anstatt hart kodierte Werte. CSS-Variablen sind ein wirklich tolles Feature für Theme-Entwickler. Nur der Einsatz kam nur spärlich voran, da sie im Internet Explorer nicht unterstützt werden. Mit der Ausmusterung des IE ist nun endlich die Zeit für eine weit verbreitete Nutzung gekommen. Der neue Gutenberg-Editor und das neue Twenty-Theme zum Beispiel machen ebenfalls regen Gebrauch davon.

Einer der großen Vorteile von CSS-Variablen sind weitaus einfachere Modifikationen und Änderungen an den Standardwerten. Anstatt Dutzende von CSS-Klassen überschreiben zu müssen, um eine einfache Sache zu ändern, muss nur der Wert der Variable angepasst werden. Das macht die Implementierung von Optionen im Customizer und Modifikationen mit CSS-Snippets viel einfacher.

Neue Font-Style-Optionen

Während die oben genannten Änderungen im Background arbeiten und überhaupt nicht sichtbar sind, wirst du in den Typografie-Einstellungen neue Styling-Optionen bemerken. Du kannst nun die Schriftdicke und Großschreibung von Titeln und Navigationsmenüs direkt im Customizer anpassen, ohne dass du extra CSS-Code benötigst.


Aktualisierte Themes und Add-ons:
Die Updates wurden für alle aktuellen Themes vorgenommen, die nicht für die Ausmusterung im Jahr 2022 vorgesehen sind.