RSS

Windows/EdgeでWebフォントのジャギーを軽減する

偶然調べ物をしていて見つけた方法です。

Windows/Edgeでかなりジャギーが目立つのをなんとかできないかと考え込んでいましたが、以下の方法でかなり軽減することができます。

transform: rotate(0.05deg);

2D Transformでほんの少しだけ回転させると、急にレンダリングが綺麗になります。
A1明朝でテストしております。

適用前

適用後

ただし、HTMLの文書構造にどう影響を与えるのか、まだわからないので、少し慎重に導入してみたほうがよいと思います。