Hacker News new | ask | show | jobs
by ReleaseCandidat 745 days ago
Non-antialiased, scaled text: https://i.postimg.cc/28ZWKHFK/Bildschirmfoto-2024-06-03-um-1... With normal anti-aliasing (`-webkit-font-smoothing: none;` disabled, or set to `-webkit-font-smoothing: auto;`): https://i.postimg.cc/g0NLZ1mn/Bildschirmfoto-2024-06-03-um-1...

Lynn wanted the font to look like an "old", pixelated one, I guess. And instead of using a font that would work anywhere, they have chosen to set `-webkit-font-smoothing: none;`, which works on Chrome and Safari in a certain font size only and not even on every OS. I guess it should look like this (scaled to 110% in my browser): https://i.postimg.cc/rsmpLprJ/Bildschirmfoto-2024-06-03-um-1...

1 comments

Ah interesting I see, I guess the webkit vendor prefix explains why I'm not seeing this on Firefox
> I guess the webkit vendor prefix explains why I'm not seeing this on Firefox

Yes, Firefox has `-moz-osx-font-smoothing`. Which's name at least makes it clear that it -- like `-webkit-font-smoothing` -- only works on OSX (AFAIK).