Wie ihr oben links auf meiner Seite sehen können solltet, ist der Titel meiner Seite in Handschrift geschrieben. Dafür verwende ich kein Bild, sondern einen Web-Font. Web-Fonts funktionieren nun schon eine Weile Browser-übergreifend, das Thema hat aber noch immer einige Tücken. In meinem Fall konnte ich Firefox nicht dazu bringen den Web-Font anzuzeigen.
Zuerst einmal, es handelt sich nicht um eines dieser Probleme:
- die Fehlende Anzeige aufgrund eines Prä-3.5 Firefox (ich verwende Version 4).
- die Tatsache das mein Server WOFF-Dateien nicht kennt (ein einfacher Test zeigt das der WOFF kann).
- ein Cross-Domain-Zugriff auf die Font-Dateien (ich hoste meine Fonts selber)
Nach einer Analyse via Firebug konnte ich herausfinden, dass Firefox bei meinem Blog sowohl den WOFF-Font als auch den TTF-Font herunterlädt. In einem Testdokument von war das nicht der Fall. Dort funktionierte der Font allerdings.
Diese Beobachtung ließ mich vermuten dass Firefox die Fonts gezielt nicht verwendet. Der einzige Grund den ich kannte einen erreichbaren Font gezielt nicht zu verwenden war der Cross-Domain-Zugriff. Das klang für mich plausibel, wäre damit doch der Download des TTF-Fonts erklärbar. Ich konnte mir gut vorstellen dass Firefox mein Blog laden würde, den WOFF-Font herunterlädt, aber feststellt dass er nicht verwendet werden darf und danach auf den TTF-Font zurück greift, bei dem das gleiche Problem auftritt. Die Vermutung würde aber bedeuten, dass Firefox eine der URLs die in dem Prozess des Font-Ladens beteiligt sind als andere Domain erkennt. Als Bug gut denkbar.
Also ging ich die URLs durch die für die Web-Font-Verwendung eine Rolle spielten. Schließlich kam ich auf das Style Sheet des Blogs. Mein Wordpress lädt es via bloginfo( ‘stylesheet_url’ ). Dadurch wird mein Style Sheet als absolute URL in der Seite referenziert. Zum Test habe ich die absolute URL durch eine relative ersetzt und das hat dann funktioniert.
Sobald ich die Zeit dazu finde werde ich wohl ein paar Tests machen um herauszufinden für welche Ordner-Strukturen das schief geht. Bis dahin kann ich nur raten, die Anordnung von Style Sheets, Web-Fonts und Webseiten als potentielle Fehlerquelle im Auge zu behalten.