0

css で 1 つのカスタム フォント ファイルを使用していますが、そのフォントは PSD のようにシャープに表示されません。そのためのPSDでは、アンチエイリアスを「シャープ」として使用します。HTML ページでは、振動するフォントがぼやけて見えます。CSSやHTMLでフォントにメリハリをつけたい。

css で「-webkit-font-smoothing」プロパティを既に試しましたが、フォントに変更はありません。

cssファイルなどのカスタムフォントにこのシャープなプロパティを与える方法はありますか?

4

2 に答える 2

0

真のアンチエイリアシングではありませんが、text-shadoworfilter: drop-shadow()を使用してエッジを少し滑らかにすることができます... (text-shadowより広くサポートされています)

例:

.filter-antialias{
    -webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -moz-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -ms-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    -o-filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
    filter:drop-shadow(0 0 1px rgba(0,0,0,.5));
}

.shadow-antialias{
    text-shadow:0 0 1px rgba(0,0,0,.5);    
}
于 2013-04-24T13:14:29.243 に答える