web-dev-qa-db-ja.com

CSSは「クリスプ、シャープなど」などのテキストアンチエイリアスをまだサポートしていますか？

Photoshopにテキストがあり、「鮮明」に設定されています。私のサイトにそれを置いたとき、それは全く同じに見えません。

CSSにはまだ存在するものがありますか？か否か？

または、同様の効果を達成するための提案はありますか？

csstextcss3antialiasing
17
Brett

それが不可能なだけでなく、市場のさまざまなブラウザがさまざまなアンチエイリアシング設定を実施しているため、たとえ目的に合っていなくても一貫した結果を得ることができません。

さまざまなブラウザーがフォントレンダリングをどのように処理するかに関する良い記事については、これを読むことをお勧めします。 http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

13
Spudley

これは私が大企業のWebサイトで見つけたものです。

body, table, form {
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
background-color: transparent; 
color: #333; 
-webkit-font-smoothing: antialiased;}
8
Alex

あなたが本当に求めているのは：

「Web開発の観点からアンチエイリアスを制御することは可能ですか？」

現時点で、そして少なくともしばらくの間（OS /ブラウザベンダーがこの種の発達制御を提供し始めるまで（息を止めないで））答えは否定できません。

5
rockerest

cssを使用したアンチエイリアスの強制：これは神話ですか？

2
Jaspero

このコードスニペットをお試しください

 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
0
Gil Perez