@font-face im Firefox funktioniert nicht

28.10.2011 16:16

Kategorie: Webentwickler


IE klappt, Chrome klappt, Opera klappt, Safari klappt, nur der Firefox zickt!?

Wenn Ihr diese Schreibweise nehmt, dann klappt es mit dem FF nicht:

@font-face {
   font-family: 'meinFont';
   src: url('../../uploads/font/andy.eot');
   src: local('☺'),
   url('../../uploads/font/andy.woff') format('woff'),
   url('../../uploads/font/andy.ttf') format('truetype'),
   url('../../uploads/font/andy.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

 

 

Der Firefox akzeptiert die relative Adressierung zur Font-Datei nicht, also ändere es um in:

@font-face {
   font-family: 'meinFont';
   src: url('www.meine-domaene.de/uploads/font/andy.eot');
   src: local('☺'),
   url('www.meine-domaene.de/uploads/font/andy.woff') format('woff'),
   url('www.meine-domaene.de/uploads/font/andy.ttf') format('truetype'),
   url('www.meine-domaene.de/uploads/font/andy.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

 

Jetzt habe ich gelesen, dass eben der FF nur eine relative Adressierung akzeptiert! Und doch klappte es nicht!? Erst nachdem in der .htaccess dieser Eintrag

<FilesMatch "\.(ttf|otf|eot)$">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>

 

gemacht wurde, funktionierte es auch im Firefox!


 
Aktuelles