youkantoe

いぶし銀なCSSプロパティたち

2020 / 4 / 8

スマホ横向き対策

text-size-adjust: 100%

スマホ横向きでも文字が大きくならない

文字詰め

font-feature-settings: "palt";

うまいことよしなに、文字詰めをしてくれる

icsさんの記事が詳しかった : https://ics.media/entry/14087/

文字をかっこよくしてくれる(webfontに限る)

text-rendering : optimizeLegibility;

カーニングなどを行なってくれる。

文字のアンチエイリアスを行なってくれる(macのみ)

-webkit-font-smoothing: antialiased

アンチエイリアスを行なって細いような感じになるらしい。

macでしか動かない。

IE,edgeでスクロールバーを消す

-ms-overflow-style: none

これで消えるらしい。消す意味があるのかはわからぬ..。