cssで文字のアンチエイリアス調整

webkit系

-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;

Fifox

-moz-osx-font-smoothing: grayscale;
-moz-osx-font-smoothing: unset;
-moz-osx-font-smoothing: inherit;
-moz-osx-font-smoothing: auto;

個人的な感触としてはRetinaディスプレイかどうかなど環境や、使っているウェブフォント、ウェイトなどによって大分違うので、普段より広範囲でのプレビューが必要かもしれないというのがある。
けど、太すぎでだせえ、みたいな状況は改善できるので導入の価値あり。

カテゴリー: html + css   作成者: hello パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA