Chrome で text-shadow したときにフォントが汚くなる件について

Arial とかメイリオだと分かりやすいかもしれない。
これ書いてたときに気付いた。

.class {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

これを直すには

.class {
  text-shadow: 0 0 0 transparent, -1px -1px 0 rgba(0, 0, 0, 0.2);
}

と、シャドウの指定の一番前に追加するといいみたい。

参考
Issue 23440 - chromium - Wrong text-shadow blur rendering - An open-source browser project to help move the web forward. - Google Project Hosting
css - Google Chrome text shadow rendering - Stack Overflow
Windows 版 Chrome のアンチエイリアス

あとでまとめるかも。