Question

我正在使用@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

Answer 1

这里svg在哪里？：

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

我正在使用Font Squirrel中的样式表，它们适用于所有浏览器。

@ font-face不适用于FF4

1 个答案: