3

開発中の Web ページの CSS に、次の埋め込みフォント フェイスがあります。

@font-face {
    font-family: 'myfont';
    src: url('fonts/myfont.eot');
    src: url('fonts/myfont.woff') format('woff'), url('fonts/myfont.ttf') format('truetype'), url('fonts/myfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

CSS ファイルのさらに下では、次のフォントを使用しています。

#finder-entry-container h1
    {
        font-family:'myfont', Sans-Serif;
        font-size:28px;
        color:white;
        font-weight:normal
    }

このフォントを Web ページで使用すると、Chrome と Firefox でまったく問題なく表示されます。ただし、IE では次のエラーが表示されます。

CSS3111: @font-face で不明なエラーが発生しました。
myfont.eot

さらに見知らぬ人。ローカル ファイル システムから参照すると、ページは問題なくレンダリングされます (この問題のトラブルシューティングに単純な HTML ファイルを使用しています)。

他の誰かがこのような問題を抱えていましたか? ローカル ファイル システムからフォントを参照できるため、フォントが正常に動作することはわかっているので、ファイル変換の問題ではないと思います。私の Web サーバーは IIS 6 を実行しています。すべてのフォントのヘッダーを確認したところ、返される MIME タイプは次のとおりです。

myfont.eotリターンapplication/octet-stream
myfont.woffリターンapplication/font-woff
myfont.ttfリターンapplication/octet-stream
myfont.svgリターンimage/svg+xml

4

3 に答える 3

1

ディレクトリに移動するときは、./ を含めてフォント ディレクトリに移動します

@font-face 宣言を次のようにフォーマットしてみてください... 

 @font-face {
font-family: 'myfont';
src: url('./fonts/myfont.eot'); /* IE9 Compat Modes */
src: url('./fonts/myfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('./fonts/myfont.woff') format('woff'), /* Modern Browsers */
     url('./fonts/myfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('./fonts/myfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
于 2013-04-22T21:35:49.997 に答える
0

Github Font Awesome Wikiによると、解決策は「のすべての出現を削除することです 

?v=4.x.y

font-awesome.css の @font-face プロパティから". LESS を使用している場合、これは /less/fa/path.less ファイルを変更することを意味します。

于 2016-11-11T06:52:24.723 に答える