CSS3

Safari,Chromeで文字が太くなる現象の解消

More than 5 years have passed since last update.

最近(?)のChromeやSafariでフォントが異様に太くなって、さらにマウスオーバーの透明度にイージングをかけると一瞬細くなったりする現象に悩まされてたのを解消した方法。

body {

-webkit-font-smoothing: antialiased;
}

これで、他のブラウザと同様のフォントの太さになり、アニメーション時にもフォントが太くなったりしなくなった。