【CSS】mac×webkit系のブラウザで文字が勝手に太くなるのを回避する。 | 株式会社オールフェスタねぎ味噌味のおせんべいにハマりました。田所です。 濃い背景色×白いテキスト×webkit フラットデザインっぽさを出したいとき、濃い背景色にテキストを乗せることがままあると思います。 (メイリオをつかうとWindows8っぽくなりますね) しかしいざコーディングしてmacのChromeやSafariなどのwebkit系ブラウザで見ると、明らかにPSDよりテキストが太くなっているときがあります。 font-weight: bold;も指定してないのになぜ… どうやらwebkitの独自拡張プロパティのしわざっぽい。 1年くらい「暗い背景色の時にフォントが太くなる問題」が気になっていて、どうしてもなんとかしたいときにはtext-shadowを使って力技で細くみせたりしていたのですが、先日ついに原因らしきものを見つけました。
