2

ブロガーのブログでカスタム アイコン フォントを使用しようとしています。私が正しく理解していれば、Firefox はダウンロード ファイルが同じドメインからのものである必要があります。私のクロムでは問題なく動作しています。同様に機能するGoogle Webフォントも使用しています。アイコンをGoogleコードでホストしています。

ここ: http://www.tipsontricks.com/p/test.html Chorme などは動作するが、Firefox は動作しない

これが私が使用しているコードです

@font-face {
    font-family: 'JustVector';
    src: url('xyz.eot');
    src: url('xyz.eot?#iefix') format('eot'),
         url('xyz.woff') format('woff'),
         url('xyz.ttf') format('truetype'),
         url('xyz#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;

}

.iconfont{

font-family: 'JustVector';
}

どんな助けでも大歓迎です:)

4

4 に答える 4

3

次の構文を使用する必要があります。

@font-face {
  font-family: 'WebFont';
  src: url('myfont.eot?#') format('eot'),  /* IE6–8 */
       url('myfont.woff') format('woff'),  /* Firefox 3.6+, IE9, Chrome 6+, Safari 5.1+*/
       url('myfont.ttf') format('truetype');  /* Safari 3—5, Chrome4+, Firefox 3.5, Opera 10+ */
}

これは素敵なポール・アイリッシュのブログ投稿です。

Css3Pleaseには構文があります

于 2012-08-24T00:23:12.387 に答える
2

これは私が使用する形式です：

@font-face {
    font-family: 'Blah';
    src: url('/fonts/blah-webfont.eot');
    src: url('/fonts/blah-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/blah-webfont.woff') format('woff'),
         url('/fonts/blah-webfont.ttf') format('truetype'),
         url('/fonts/blah-webfont.svg#Blah') format('svg');
    font-weight: 300;
    font-style: normal;
}

body {font-family:'Blah'}
于 2012-08-24T00:38:26.703 に答える
1

Firefox 19.0.2 をダウンロードしました。Font Squirrel Webkit で @font-face を使用すると問題が発生しました。フォントは Firefox では正しく表示されませんが、Safari と Chrome では問題ありませんでした。

Firefox が Web ページにカスタム フォントを表示するには、Firefox にチェックが必要な非表示の設定があることが判明しました。

Firefox の [設定] > [コンテンツ] > [フォントと色] > [詳細設定] ボタン > [上記で選択したものではなく、ページで独自のフォントを使用できるようにする] チェックボックスをオンにします。

これで問題は解決しました。今日、さまざまなコードの変更を試してみましたが、うまくいきませんでした。ああああ！

現在、Firefox は Safari や Chrome と同じようにフォントを表示します。

于 2013-03-10T05:13:32.630 に答える
0

上記の回答は FF ではまだ機能しませんが、私のフォントは他のすべてのブラウザーで機能しました。

Google Webfonts には私が探していたものと同じフォントがありましたが、品質は途方もなく低かったです。

@Kate、自分のフォントを使用するための FireFox の「設定」はすでにデフォルトになっていました。

なぜ FF のような開発されたブラウザが 2 年経っても問題を修正しないのかは、私には謎のままです。私の FireFox は最新の状態です。

私の一日を少し楽にしてくれてありがとう。

于 2014-12-29T22:48:27.870 に答える