1

Google Web Fonts にある Antic フォントを使用しようとしています。これは美しいフォントで、私のウェブサイト全体はこのフォントに基づいてデザインされています。

サイトのコーディングを開始しましたが、Antic でアンチエイリアシングの問題が発生しています。

私はCSSですべてを試しました...

font-smooth: always;

transform: rotate(-0.0000000001deg)

-webkit-font-smoothing: subpixel-antialiased;

text-shadow: 0 0 1px rgba(0,0,0,0.3); <- barely works

あなたの助けに感謝します。

4

2 に答える 2

0

これは非常に古いものであり、この時点ですでにこれを通過していることは知っていますが、検索に来る他の人のために...

問題が Webkit のみの場合は、-webkit プレフィックスでうまくいく可能性がありますが、通常はサブピクセルなしで行います。お気に入り-webkit-font-smoothing: antialiased;

IE やその他の Webkit 以外のブラウザーの問題に関しては、これは役に立ちません。それらについては、最初のオプションとして svg を使用して Web フォントを並べ替えてみてください。または、完全に省略してみてください。これは通常、私が抱えていた問題を解決します。それを回避できる場合は、ie10 で問題を引き起こす可能性があるだけでなく、iefix を削除してみてください。古い ie のサポートに行き詰まっている場合は、それをリストの上に移動しようとすることもできません。

于 2013-09-30T16:44:50.410 に答える
0

CSSでフォントのアンチエイリアス効果を適用するには?

    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;

    -webkit-font-smoothing: antialiased;
于 2013-09-30T17:11:03.383 に答える