Flatpress-Plugin: FontDetector
Für viele Theme-Entwickler ist die gegebene Font-Verfügbarkeit im Netz eine echte Einschränkung. Nutzt man dennoch eine lange Font-Liste im Stylesheet hat man das Problem, dass verschiedene Fonts unterschiedlich skalieren: eine 12px Verdana und eine 12px Arial sind nicht gleich groß…
Die Laufweite eines Web-Layoutes vom Font abhängig zu machen ist ebenfalls nicht ohne. Wie man an dieser Seite bis heute schön sehen konnte, war das Layout eher für Computer mit den Vista-C-Fonts (Corbel, Calibri, …) gemacht. Für Mac-User habe ich zwar auch an die Lucida Grande gedacht, und XP-User haben mit Tahoma auch keine Probleme im engeren Sinne, aber die Größe der Überschrift im Kopfbereich der Seite sorgte für Überlappungen.
Also habe ich mich daran gemacht herauszufinden, ob der Betrachter eine bestimmte Schrift nun zur Verfügung hat oder nicht und entsprechend die HTML-Seite mit CSS-Klassen zu versehen. Herausgekommen ist dabei ein auf JavaScript basierendes Plugin für Flatpress:
- Installation: Entpacken, hochladen, aktivieren und konfigurieren.
- Deutsches und englisches Sprachpaket inklusive.
- Benötigt aktives jsUtils-Plugin (wird mit Flatpress mitgeliefert).
- Lizenz: GNU GPL (Plugin), CC-by-sa (JavaScript von Lalit Patel).
- Download.
- Ankündigung und Diskussion im Flatpress-Forum.
Developing and designing a web site layout is hard. Using many fonts in your CSS stylesheet can be a horrible game when the layout is based on the font tracking. This site e.g. is well printed on computers with Vista-Fonts. On Mac systems the Lucida Grande is used instead and computer with Windows XP operation systems will use Tahoma. But using these fonts in one stylesheet causes an overlapping in the heading on top of the page.
So I tried to discover the availability of the fonts a visitor can display and modify the HTML markup when a font was detected. The result is a JavaScript based Flatpress plugin:
- Installation: Extract, upload, activate and configure.
- English and German language pack incuded.
- Needs active jsUtils plugin (part of the Flatpress distribution).
- License: GNU GPL (plugin), CC-by-sa (javaScript by Lalit Patel).
- Download.
- Announcement and discussion in the Flatpress forums.
LG
Dominik
