2

font-awesome が localhost では機能するのに web では機能しないのはなぜですか?

助けてください！！

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot@v=3.0.1');
  src: url('font/fontawesome-webfont.eot@#iefix&v=3.0.1') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff@v=3.0.1') format('woff'),
    url('font/fontawesome-webfont.ttf@v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
4

3 に答える 3

1

font-awesome ファイルが Web ページとは別のサーバーにある場合、ブラウザーで CORS (Cross-Origin Resource Sharing) エラーが発生する可能性があります。MaxCDN サーバーを使用するか、(font-awesome ファイルを提供する) サーバーを変更Access-Control-Allow-Origin:*して、フォント ファイルにヘッダーを含めることができます。Font Awesome アイコンが Chrome に表示されない、MaxCDN 関連の Cross-Origin Resource Sharing ポリシーの問題に対する私の回答を参照してください。

于 2014-10-15T23:46:44.723 に答える
1

ここからこの問題の修正を見つけました: ページの半分ほど下にある Thorst という名前の人から回答がありました。

たくさんのフラストレーションを解消してくれました！

リンクが古くなった場合 ->

font-awesome.css を変更

から：

src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'),
 url('../font/fontawesome-webfont.woff') format('woff'),
 url('../font/fontawesome-webfont.ttf') format('truetype'),
 url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');

に：

 src: url('../font/fontawesome-webfont.eot?#iefix')
 format('embedded-opentype'), url('../font/fontawesome-webfont.woff')
 format('woff'), url('../font/fontawesome-webfont.ttf')
 format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome')
 format('svg');

*注: eot の形式は変更されたものです。

于 2013-06-28T04:13:43.557 に答える
0

@そのような記号の使用は見たことがありません。代わりに疑問符を使用してみてください。

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.0.1');
  src: url('font/fontawesome-webfont.eot?v=3.0.1#iefix') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

#iefix4 行目では、との順序も交換しv=3.0.1、 を削除しました&。

于 2013-05-11T12:27:13.603 に答える