1

左の Nike のフォントと比較して、右の私のフォントのスクリーン キャプチャを示す次の図があります。firebug で見つけることができるすべての CSS スタイルの適用を完成させましたが、この厄介な赤いアウトラインを取り除くことはまだできません。誰がそれが何であるか知っていますか？text-shadow を試しましたが、赤いアウトラインが消えませんでした。（画像は拡大しています）

これは私を壁に追いやっています。どんな助けでも大歓迎です。

赤い輪郭を取り除く

対応CSS

font-family: "TradeGothicLT-BoldCondTwenty",Helvetica,Arial,sans-serif !important;
color: #333;
font-size: 22px;
font-weight: normal !important;
word-spacing: -0.05em;
letter-spacing: -0.045em;
text-shadow:none;

元のフォント: http://www.nike.com/us/en_us/c/basketball/nike-basketball-hyperdunk-plus 「Track your game」を検索して、上のページでサンプル フォントを見つけてください。

再度、感謝します

4

2 に答える 2

4

Webkit ブラウザーでブラウジングしていると思います。-webkit-font-smoothing: antialised;body または html 要素に追加してみてください。

于 2012-07-09T22:30:48.833 に答える
1

スクリーンショットには赤い輪郭はなく、色付きのピクセルだけです。これは、サブピクセル レンダリング、つまり高度なフォント スムージングの例であり、ブラウザの制御下にあり、ユーザーが設定できる可能性があります。JOPLOmacedo の回答に記載されている非標準の CSS プロパティは、WebKIT ブラウザーにのみ影響します。たとえば、IE では、この動作は Windows レベルの設定 (古いバージョンでは IE の設定) に依存します。

原則として、ブラウザーとそのユーザーは、特に表示デバイスのプロパティに依存するフォント スムージングの妥当性について、作成者よりも詳しい情報を持っていることが期待されます。

于 2012-07-09T22:50:57.283 に答える