2

I was looking at the "score" at the top of AskDifferent and noticed that the 101 (my score) there looked quite ugly on my Dell u2515h, compared to how it looked looked on most other StackExchange subsites.

This seems to be related to the -webkit-font-smoothing: antialiased; that is being set on the body element. Now I understand that you (might, some like the bolder fonts) want this on retina displays, but it looks just horrible on non retina displays:

Non Retina antialiased

With the setting set to the default it looks like: Non Retina default font rendering

So perhaps it can be reset to the default behaviour with a @media selector so that it's only active on higher dpi displays? Something like

@media screen
(-webkit-max-device-pixel-ratio: 1.3), 
(max-resolution: 120dpi) {
  body { 
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
}

You must log in to answer this question.

Browse other questions tagged .