【CSS】-webkit-font-smoothing で safari の文字の太さを調節する。

デフォルト
The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるをわかよたれそ つねならむうゐのおくやま けふこえてあさきゆめみし ゑひもせすん。
-webkit-font-smoothing: antialiased;
The quick brown fox jumps over the lazy dog.
いろはにほへと ちりぬるをわかよたれそ つねならむうゐのおくやま けふこえてあさきゆめみし ゑひもせすん。
-webkit-font-smoothing: subpixel-antialiased;
The quick brown fox jumps over the lazy dog.

いろはにほへと ちりぬるをわかよたれそ つねならむうゐのおくやま けふこえてあさきゆめみし ゑひもせすん。

-webkit-font-smoothing: none;
The quick brown fox jumps over the lazy dog.

いろはにほへと ちりぬるをわかよたれそ つねならむうゐのおくやま けふこえてあさきゆめみし ゑひもせすん。

※「-webkit-font-smoothing: none;」を指定すると激しく表示が乱れます。