css - ギザギザのテキストを生成する回転変換

Question

付箋のようにフォーマットされた div があります (ここでは JSFiddle )。Firefox と Safari で見ると、テキストがぎざぎざでぎざぎざに見えます。Chrome ではいくらか改善されていますが、それほどではありません。これについて私にできることはありますか、それとも美しくレイアウトされた付箋の夢をあきらめるべきですか?

Answer 1

ブラウザーは、小さな角度で小さなテキストをレンダリングするのに苦労していると思います。フォント サイズを大きくすると、テキストがもう少しはっきりと表示されることがわかります。実際、ほとんどのサイズのフォントできれいにレンダリングされるのは 90 度の角度だけです。