1

検索して検索して検索しましたが、カスタムフォントを Firefox にロードする方法がまだわかりません。@font-face プロパティを使用すると、head セクションに次のように表示されます。

@font-face {
   font-family: 'MeanTimeMedium';
src: url('http://sweetbacklove.com/fonts/meantimec3-webfont.eot');
src: url('http://sweetbacklove.com/fonts/meantimec3-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://sweetbacklove.com/fonts/MeanTimec3.ttf') format('truetype'),
     url('http://sweetbacklove.com/fonts/meantimec3-webfont.woff') format('woff'),
     url('http://sweetbacklove.com/fonts/meantimec3-webfont.svg#MeanTimeMedium') format('svg');}

Firefox は他のドメインへの直接リンクを受け付けないため、.htaccess ファイルを「fonts」フォルダーに次のように配置します。

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

それでもしゃがみます。誰かが洞察を提供できれば、それは大歓迎です。

私のウェブサイト。フォントと .htaccess ファイルは、IIS 7.0 を搭載した Windows サーバー上の GoDaddy でホストされています。

ありがとう。

4

1 に答える 1

3

Google Web Fonts API は、html の head タグに配置されるリンク タグを生成/使用します。

<link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>

このページがリンクされると、font/woff の MIME タイプである .woff ファイルへの Get Request が処理されます。

このスタックオーバーフローの記事 < CSS @font-face not working with Firefox, but working with Chrome and IE > を参照すると、.htaccess ファイルに次の MIME タイプを追加する必要があります。

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff

フォントファイルに直接リンクすることもできます（私はこれを試していません）

<link href='http://sweetbacklove.com/fonts/meantimec3-webfont.woff' rel='stylesheet' type='font/woff' media='all'>
于 2012-07-31T00:08:25.873 に答える