@ font-face не работает с FF4 - PullRequest
Новая
       4

@ font-face не работает с FF4

1 голос
/ 19 апреля 2011

Я использую @font-face для встраивания некоторых шрифтов, и все отлично работает на Chrome, Safari и т. Д. .По некоторым причинам он не работает с FF4 .Я огляделся и ничего не могу найти.Я нашел кое-что с вопросами, касающимися использования CDN , но это не относится ко мне.Сайт thewell.newcoastmedia.com, и я добавлю код, который я использую.Если это важно, я использую WordPress .

CSS: 

@font-face {
    font-family: LeagueGothicRegular;
    src: url('league_gothic-webfont.eot'); /* IE9 Compat Modes */
    src: url('league_gothic-webfont.eot?iefix') format('eot'), /* IE6-IE8 */
         url('league_gothic-webfont.woff') format('woff'), /* Modern Browsers */
         url('league_gothic-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('league_gothic-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

Мой файл .htaccess: 

# Use PHP5 Single php.ini as default
AddHandler application/x-httpd-php5s .php

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*thewell.newcoastmedia.com"
  </IfModule>
</FilesMatch>

AddType image/svg+xml svg svgz
AddEncoding gzip svgz
AddType application/vnd.ms-fontobject eot
AddType font/truetype ttf
AddType font/opentype otf

AddType application/x-font-woff woff

1 Ответ

0 голосов
/ 14 мая 2011

Ну где тут svg? 

<FilesMatch "\.(ttf|otf|eot|woff|font.css)$">

Я использую таблицы стилей из Font Squirrel , и они работают во всех браузерах.

...