web-dev-qa-db-ja.com

font-faceが機能しないIE 10

カスタムフォントを表示するためにIE 10を取得することにまったく成功していません。これに対する解決策は他にありますか?他の人がフォントに問題を抱えているといういくつかの叫び声をネット上で見ることができますIE 10ですが、解決策や確認済みのバグは見つかりませんでした。

同じ経験や解決策を持っている人はいますか?

これは私が今持っているものであり、IE 10より前、ChromeおよびSafari:

@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
}

<!--[if IE]>
<style type="text/css">
@font-face {
    font-family: "LCD";
    src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
}
</style>
<![endif]-->

私はwoff、ottなどの他の形式のフォントファイルで置き換えようとしましたが、それではまったく運がありません。

Font-squirrelをほのめかした答えがそれを機能させました。これで、動作するマークアップ(IE 10)の場合)は次のようになります。

@font-face {
    font-family: "LCD";
    src: url('/Public/Fonts/quartz_regular-webfont.eot');
    src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
         url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
         url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
9

HTMLコメントとスタイル要素のため、これはHTMLファイルにあると思います...そうでない場合は、それを調べてください。

それを超えて、 @ font-faceジェネレーター を使用してください

7
adam-asdf

セキュリティモードがアクティブになっている場合、IE10がWebフォントをレンダリングしない可能性はありますか?非アクティブ化した後(インターネットオプション-セキュリティ)、私のWebサイトは正しく表示されました...

7
domaleo

私はfont-squirrel @ font-faceをIE以外のすべてで機能させていましたが、私の問題は、サーバーのIIS mime-typesに含まれていないのは.woffだけだったということでした。この質問にたどり着いた人。

2
Iain M Norman

私はちょうど彼が彼のウェブサイトでウェブフォントを見ることができなかったと報告しているクライアントに出くわしました。最終的に「高」セキュリティレベル(IEオプション))はデフォルトでWebフォントをブロックします。基本的に「高」であるがWebフォントを有効にするカスタムセキュリティレベルを作成できます。または中高に下げるだけです。

1
user3416448

Fontfaceジェネレーターがallフォントに対してこれを修正しないことを追加する必要があります。たとえば、Helvetica Neue Medium Condensed(HelveticaNeueLTW1G-MdCn)フォントを使用する場合。 Webサイトで複数のフォントを使用しています。 Helvetica-fontを除いて、これらはすべてfontfaceジェネレーターで動作します。

0
Marcoz

フォントフェースは更新されませんIE 10-> 参照 、同じIE-9を使用できます

font-faceの使い方を学ぶことができます ここ

私はあなたがあなたのフォントのすべてのタイプを含むと思います...

0
A1Gard

私はここでこれを使用しました: http://www.impressivewebs.com/ie10-css-hacks/

すなわち:

@media screen and (min-width:0\0) {  
    /* IE9 and IE10 rule sets go here */  
}

これを使用することで、素敵な代替フォントをポップするだけで、開いているフォントを使用する他のブラウザでもセクシーさを保つことができます。

ここでフォントを試してください: http://cssfontstack.com

0
Alex Stewart