1

添付のスクリーンショットを参照してください...このテキストレンダリングは、IE9では非常に不明瞭に表示されます。フルサイズにズームインすることをお勧めします。

IE9テキストレンダリング

フォントはTypekitからのものであり、クライアントの要求（および視覚的な必要性）に従って、その下にドロップシャドウが必要です。これはCSS3で行われます。これは既知の問題ですか、それとも回避策はありますか？

これはClearTypeなどと関係がありますか？もしそうなら、これを修正するためにどの設定を変更する必要がありますか？

アドバイスありがとうございます！テキストのCSSは次のようになります。

font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
color: rgba(255, 255, 255, 0.5);
text-shadow: 0px 5px 10px #000;
display: inline;
margin-right: 30px;
font-size: 30px;
cursor: pointer;
4

1 に答える 1

2

ここでの問題が何であるかは100％わかりtext-shadowませんが、デフォルトのIE9ではサポートされていないことは知っています。IE9のサンプルコードを使用すると、このフィドルではテキストが完全に白く表示されます。作業に使用するためにいくつかのshivを使用している場合を除きtext-shadow、DirectXフィルターを使用して--- DXImageTransform.Microsoft.ShadowIE9でシャドウを適用できます。

filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);

ただし、これはtext-shadow現在適用しているほど暗くはならないことに注意してください。

この問題がIE9で表示されないフォントに関係している場合（私にはArialのように見えます）、@ font-faceはIE8で機能しますが、IE9では機能しないことを確認してください。

于 2013-03-01T14:39:17.707 に答える