web-dev-qa-db-ja.com

#iefixはIE6-IE8でのWebフォントの読み込みをどのように解決しますか?

このようなウェブ上の多くの記事: http://www.fontspring.com/blog/fixing-ie9-font-face-problems?#iefixto eot URL。私はhowこれが問題を解決することを知りたいと思っていました。ありがとう。

69
vine'th

?#iefixの代わりに何でもできます:基本的な目的は、@ Rexyzが既に回答しているように、URLの最初のフォントファイルの後に?#somethingを置くことです。

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#FooAnything') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
20
basarat

これを完全に理解することは古い質問です。

しかし、このハックが必要な「あの」ブラウザのバージョンを探してここに来た人にとっては、IE <10をサポートしていない場合は削除しても安全です。

そのため、それを取り除き、提供するすべての形式のすべてのフォントを列挙する1行だけにします。

4
user3277192

?#iefixは、ブラウザが?の後の文字をクエリ文字列として解釈するのを停止するためにあり、別のサーバーエラーの可能性を防ぎます。

3
atwright147