Remove text-rendering

[SBoudrias]

text-rendering is causing some pretty bad issue on Windows Chrome. Some special UTF-8 characters won't be shown and some text section can change font-face.

I created a reduced test case here: http://jsbin.com/uqisib/8/edit

• First title is the default Boostrap breaking an UTF-8 char
• Second use impact font-face to clearly mark the bug (utf-8 special char and font-face)
• Third title just remove the text-rendering property to show the bug is resolved and is not related to the font-face

I guess right now the best solution is only to remove this property until better browser support.

This issue only affects Windows Chrome ATM (Firefox, Safari are good and other browser don't implement this property). As Browsers seems to only implement this property on Windows, I don't think it should change anything on Mac and Ubuntu.

[mdo]

Everything looks fine to me in Chrome for Mac.

[SBoudrias]

Yeah, apparently known bugs on text-rendering in Chrome are only in Windows and Linux distribution. https://developer.mozilla.org/en-US/docs/CSS/text-rendering

[retlehs]

related: i reported a chrome bug a few years ago related to optimizelegibility + font-variant that still isn't fixed

[retlehs]

also just ran into an issue where optimizelegibility didn't allow a webfont to render on windows xp + chrome

bug: https://code.google.com/p/chromium/issues/detail?id=39017 (it's reported as fixed but i just made a comment)

[morgunder]

my android phone (htc mytouch) rendered basically wingdings for my h1..h6 tags. looked perfect on chrome on windows 7. the css below fixed it. is there are @media query to exclude just the chrome phone browsers?
h1, h2, h3, h4, h5, h6 {
text-rendering: auto;
}

[SBoudrias]

@morgunder auto is the default text-rendering value - so making it default and removing it is the same thing.

There's no @media rules to target specific browsers - that's kind of the point of media queries: no UA sniffing.

Try again with chrome on windows 7 - I don't know if it's a bug related to JsBin, but the stylesheet haven't loaded the first time I accessed it - and it looked like "ok" - but on refresh then the stylesheet came back with the bug.

[mdo]

Done in v3.