フォントがやけにキレイに見えるなというサイトがあってどうやってるのか全然分からなかったんですが、最近になって「font-smoothing」というプロパティの存在を知りました。 スマホやモダンブラウザ向けのプロパティですが、1行足すだけでテキストがスタイリッシュになります。 font-smoothingで細めのフォントを実現 まず最初にfont-smoothingをかけたものとかけてないものでどう違うのか比較画像をお見せします。 ▼font-smoothing使ったときと使ってないときの比較用GIFアニメです。テキストの雰囲気が違うのが分かりますかね。 書き方は簡単で、下記の記述をフォントを変更したいところに書き加えるだけ。 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 例えばbodyに書い
![CSSのfont-smoothingでフォントをキレイに見せる - ディレイマニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/ecc86d9812048f30836d1132c50f9337ce31b35b/height=288;version=1;width=512/https%3A%2F%2Fdelaymania.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F08%2Fcss-font-smoothing-eyecatch.png)