metafakten

Firefox Webfonts: @font-face Problem bei absoluten URLs

Seit kurzem scheint der Browser Mozilla Firefox Probleme beim Einsatz der @font-face-Technik zu machen. Grund scheint eine Sicherheitseinstellung im Firefox zu sein, die es verbietet auf absolute URLs zugreifen zu können, wenn sich diese scheinbar außerhalb der aktuellen Seitenstruktur befinden. Das Problem tritt zum Beispiel auf, wenn gerade auf eine Seite https://domain.tld/xyz/ zugegriffen wird und im CSS http://domain.tld/xyz/webfont verlinkt ist. Zwei Lösungsmöglichkeiten hatten Erfolg:

  • absolute durch relative URLs ersetzen, also z.B. /xyz/webfont im CSS angeben statt http://domain.tld/xyz/webfont
  • das http: vor dem // weglassen und damit den Browser den entsprechenden Präfix https oder http selbst setzen lassen

Im Artikel Solution: Firefox Font-Face Cross Domain Problem wird außerdem erklärt, wie man dem Problem mit Hilfe von .htaccess zu Leibe rücken kann.

Slimbox-Problem: Schwarzer Schleier und fehlende Navigation

Slimbox ist eine ressourcenschonende Variante des Medienanzeige-Script Lightbox. Es kann mit wenigen Zeilen Code z.B. in ein WordPress-Theme eingebunden werden. Wer jedoch sein jquery – die Basis von Slimbox – stets aktuell hält konnte in den letzten Wochen eine unangenehme Überraschung erleben. Die Slimbox-Anzeige war plötzlich überlagert von einem schwarzen Schleier, die Navigation der Box wurde nicht mehr angezeigt. Christophe Beyl, der Entwickler, hat reagiert und bereits im Mai ein Update veröffentlicht. Damit sollten die Probleme erledigt sein.