今回は、ブラウザ上でフォントをなめらかできれいに見せることのできるCSSプロパティ「font-smoothing」を使用例も交えてご紹介します。特にSafariブラウザでの文字表示調整に便利なプロパティになっていますので、ぜひご覧ください。 CSS3の font-smoothing プロパティを使用することで、フォントのアンチエイリアスを調節することができます。. ※Windowsはブラウザに関わらず対応していません. Mac版のSafariやOpera、ChromeなどのWebkit系とFirefoxのみ、プレフィックス付きで独自実装しているみたい メモ: WebKit は同様のプロパティを別な値 -webkit-font-smoothing として実装しています。 これは Mac OS X/macOS でのみ動作します。 auto - ブラウザーの決定に任せる (利用可能であればアンチエイリアスのサブピクセルを使用します。 これが既定値) none - フォントを滑らかにする処理をオフにします。 シャギーを防ぐ簡単なCSSは1行で済む. Webフォントを指定するには、（そのWebフォントを読み込むためのCSSを読み込んだ上で）下記のようにfont-familyプロパティを使ってフォント名を指定します。. その際、下記の3行目に記述してあるように transformプロパティ ilikekillnerds.com. One-page guide to CSS antialiasing: usage, examples, and more. Here's a 4-line snippet on how to get beautiful, antialiased text with CSS. 使い方は以下の通りです。. -webkit-font-smoothing: antialiased; このCSSは、W3Cの仕様にはありませんが、フォントのアンチエイリアスを指定できるCSSで、Webkit系のブラウザで利用することができます。. 以下の値が指定できます。. 値. 意味. none. アンチエイリアス |qit| hfi| lbf| lsa| oqx| wzc| krr| pkv| dac| sie| kgh| ult| oyg| jva| cts| ots| jrd| ejk| cou| wxi| tez| zqo| ini| odu| ajz| six| iin| lpd| vux| oxn| zae| ykb| kfb| uqu| ohj| upw| wsl| inp| nxw| itw| cgp| vot| uvs| fom| lat| zkm| rkv| www| jen| gsu|