
Für mehr Infos
bitte auf die Grafik unten klicken.
@font-face im Firefox funktioniert nicht
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!
