Google Chrome text shadow rendering

@sebastian’s fix may not work for old versions of Chrome.
Screenshot under Iron Browser (Chromium fork) v3.0.197.0:
                                                          
All the ones that have been assigned a shadow look the same and -webkit-font-smoothing has no effect as well as -webkit-text-stroke.

Instead, I’ve experimented until I’ve come up with this fix: http://jsbin.com/acalu4

tldr: add an innocuous 0 0 0 transparent, before your other shadow(s).

Known issues: some browsers can only handle 1 text-shadow. In order not to affect them (killing their only shadows) this should be applied via javascript only to Chrome.

Leave a Comment