0

ほとんど正常に動作しているasp .net MVC3アプリがあります。

一部の場所では、画像の代わりにデータ アイコンを使用しています。これらは、IE (v9) を除くすべてのブラウザーで正常にレンダリングされます。これがなぜなのか、それを修正するために何ができるのか疑問に思っています。

たとえば、次のようなhtmlをレンダリングするスパンがあります...

<span class="navIcon" aria-hidden="true" data-icon=""/>

ほとんどのブラウザでは、このようにレンダリングされます...

働くアイコン

しかし、IEではこのようにレンダリングされます...

壊れたアイコン

なぜこれが起こるのか誰にも分かりますか？

4

1 に答える 1

2

最も可能性の高い理由は、IE9がで定義した形式を使用しないことを選択したことです@font-face（たとえば、IE9は.eotをスキップして、 .woffバージョンを探し続けることがわかっています）。さまざまなフォントのバリエーションをすべて取得するには、WebfontGeneratorのようなものを使用することをお勧めします。結果として、あなた@font-faceはこれに似ているはずです：

@font-face {
    font-family: 'Pictos';
    src: url('pictos-web.eot');
    src: local('☺'), 
    url('pictos-web.woff') format('woff'), 
    url('pictos-web.ttf') format('truetype'),
    url('pictos-web.svg#webfontIyfZbseF') format('svg');
}
于 2013-03-01T10:03:16.513 に答える