Rendering issues with safari.

[abdallahalsamman]

Safari is terrible at rendering NES.css

[BcRikko]

What is going on? 😱

[BcRikko]

This code may be the cause. 🤔
https://github.com/BcRikko/NES.css/blob/1663f704c194818460ad4b2cf7d0cb1e8c25f868/scss/base/generic.scss#L16

I commented out -webkit-font-smoothing: none;.

but Anti-aliasing will work if I remove this code. 😭 -> #40

[jjspace]

It seems that setting -webkit-font-smoothing: antialiased works in safari while still preventing sub-pixel antialiasing to keep those letters crisp :)

[abdallahalsamman]

@jjspace can you create a PR of that please?

[dgrcode]

It seems -webkit-font-smoothing: none; doesn't break the styles in Safari, at least in v13.1.1 which I just tested.

In Safari there's very little difference between none and antialiased, but I see a significant different in Chrome. With none it's sharper and cleaner (in my opinion).

Just in case you wanted to reconsider using -webkit-font-smoothing: none;