Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
![Webブラウザにおける文字のアンチエイリアスの現状の最適解|dwango creators' blog(ドワンゴクリエイターズブログ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/6b3a8a567befdaac65a67b43fcf0cbff44e9e8e7/height=288;version=1;width=512/http%3A%2F%2Fcreator.dwango.co.jp%2Fwp-content%2Fuploads%2F2017%2F04%2Ftop-1.png)