Doppelte Fonts vermeiden in WP 7 und Elementor 4

Fonts in WordPress 7

Bisher waren Schriften in WordPress Theme-Angelegenheit und versteckt (je nach Theme vorinstalliert, in den neueren Standard-Themes endlich einfach zu verwalten). Mit WordPress 7 wurde die Schriftverwaltung eine Ebene verschoben: Schriften kann man nun einfach direkt über das WordPress Dashboard verwalten:

Dashboard > Design > Schriften

Fira Code und Manrope. Es sind noch keine Schriften über WordPress (also das Dashboard) in der Verwaltung angekommen, sondern es werden jene 2 Schriften angezeigt, die über das aktuelle Theme (Twenty Twenty-Five) und den dort eingestellten Stil definiert wurden.

Ändert man den Stil von Standard auf Nachmittag werden 4 Schriften angezeigt.

Die Schriften werden anscheinend gar nicht über die nun neue Schriftenverwaltung, sondern immer noch über das Theme gemanaged.

Schaut man sich die Filestruktur des Themes über FTP an sieht man das auch:

Die von mir hinzufügten Schriften sind nun aufgelistet. Jetzt die Frage dazu: wo sind diese wirklich? Im Theme können/dürfen sie nicht sein (sonst würden sie ja beim nächsten Update verschwinden). In der Mediathek sind sie auch nicht.

Statt dessen hat WordPress ein eigenes Verzeichnis angelegt

../wp-content/uploads/fonts/

wo die Schriften liegen. Und weil es anscheinend unzumutbar ist, dass man mit dem Filenamen etwas anfangen kann schaut das so aus:

Mann kann also die Fonts auf Fileebene finden (und damit ggf. auch austauschen etc.) Nur erkennen kann man sie nicht so einfach.

jizaRExUiTo99u79P0COxOGMMDQ.woff2

ist kein (für Menschen) praktischer Name.

Fonts in Elementor

Elementor Pro geht einen etwas anderen Weg um das selbe Problem zu lösen. Die praktische direkte Verknüpfung mit Google Fonts bietet Elementor nicht an, trotzdem ist es leicht sich zB. über den genialen Google Webfonts Helper die nötigen Dateien zu besorgen. Diese werden im

Dashboard > Elementor > Editor > Custom Elements > Fonts

verwaltet.

Die Schriften werden als Inhaltstyp verwaltet und müssen dementsprechend veröffentlicht werden. Das ist technisch zu verstehen, ebenso wie in der Zwischenzeit wohl nicht mehr notwendigen Variationen der Fileart (wer Fonts als SVG uploadet hat ein anderes Problem...).

Also nicht schön, aber es funktioniert...

Elementor verwedet als Speicherort einfach die Mediathek. Das ist eine gute Idee, denn normalerweise werden diese am Anfang der Lebensdauer einer Website installiert und wandern so automatisch in der Übersicht nach hinten.

2 Techniken, eine Anwendung

Möglichkeit 1: Über FTP können wir den generierten Namen des Schriftschnittes auslesen. Wenn man nun eine Schrift und einen Schnitt nach dem anderen anlegt weiss mann, dass das neueste File immer jenes sein muss, das man gerade angelegt hat. Der Pfad sieht dann (natürlich mit der eigenen Domain davor) zB. so aus:

../wp-content/uploads/fonts/jizaRExUiTo99u79P0COxOGMMDQ.woff2

Möglichkeit 2: Wir benötigen den Pfad zur Schrift, den wir auch aus dem Quellcode der Seite auslesen können, sobald diese wo angewendet wurde. Schaut man sich den Quellcode der Seite an findet man die Pfade zu den Schriften. Am einfachsten die Suchefunktion benutzen und nach wp-fonts-local suchen. In diesem Beispiel sieht man in Zeile 2 font-weight:400 und dann in der URL den Pfad zu diesem Schriftschnitt. In Zeile 3 dann das Selbe analog dazu für den 700er Schriftschnitt.

@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:fallback;src:url('https://user7.demoserver.at/wp-content/uploads/fonts/jizaRExUiTo99u79P0COxOGMMDQ.woff2') format('woff2');}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:fallback;src:url('https://user7.demoserver.at/wp-content/uploads/fonts/jizfRExUiTo99u79B_mh4OynLD0Z4zM.woff2') format('woff2');}

Fazit

Die neuen Versionen von WordPress und Elementor beschäftigen sich vordergründig mit anderen Dingen. Für uns Anwender im Alltag sind aber so Dinge wie die Schriftenverwaltung wesentlicher als das 144. KI-Tool. Beide Seiten der Medaille haben Mängel. WordPress könnte lesbare Schriftnamen verwenden und Elementor könnte eine einfache Option einbauen, dass die WordPress-Fonts für die Elementor-Settings verwendet werden sollen. Wenn sie das nicht zusammenbringen sollen sie doch ihre KI's fragen.