More than 5 years have passed since last update.

iPhone の WebView or Safari で、横向きにした時にフォントが太くなるのを防ぐ

Posted at 2016-02-22

横向きにすると、文字が微妙に太くなる (大きくなる現象は、-webkit-text-size-adjust: 100%; で対処できる)。

太くなる現象は、html か body の css に以下をいれてやると対処できるワークアラウンド

html {
    -webkit-transform: translate3d(0,0,0);
}

-webkit-font-smoothing: antialiased を設定している時などでよく分かります。

出典