2011-04-19 68 views
1

我正在使用@font-face来嵌入一些字体,并且所有工作都很好Chrome,Safari等。由于某种原因,它不适用于FF4。我看了一眼,找不到任何东西。我发现一些与使用CDN有关的问题,但这不适用于我。网站thewell.newcoastmedia.com,我将添加我使用的代码。如果有问题,我正在使用WordPress@ font-face不适用于FF4

的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 
+0

我在http://thewell.newcoastmedia.com/没有看到任何@ font-face规则。我只是看着错误的页面? – 2011-04-23 03:41:48

+0

正如鲍里斯所说,似乎没有指定任何@ font-face规则并且字体(LeagueGothicRegular)也没有在任何地方引用,没有任何规则或字体使用规范意味着它不会像页面一样工作没有数据 – Ryan 2011-08-04 16:48:06

回答

0

那么哪里是svg这里?:

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

我使用的样式从Font Squirrel他们适用于所有浏览器。