Backface-visibility: hidden causes blurry font


(probus) #1

I noticed that .docked .d-header has the css-rule backface-visibility:hidden, which causes all text in the header to be rendered with grayscale font smoothing in Chrome in Windows. This makes the text appear unnecessary blurry, especially white on colour such as the default login/sign-up buttons.

with backface-visibility:hidden (current):

without backface-visibility:hidden (proposed):

Why is that rule there and could we remove it?


(Jeff Atwood) #2

As I recall, someone submitted that in a PR because it fixed some arcane rendering issue on some browsers.


(Gerhard Schlager) #3

I noticed the blurry font too. Maybe @Lid can tell as a little bit more about the performance issue that got fixed with this PR:
https://github.com/discourse/discourse/pull/3132