5 ms·

What is wrong with the font? the site is nearly unreadable. The font seems to fix itself when zooming in a bunch.

ReleaseCandidat 2y ago
That's the result of `-webkit-font-smoothing: none`
calgoo 2y ago
No issue on Linux / Firefox for me... Side note, looking at the source there is a spoiler commented out!!! "<!--<details><summary>Spoilers!</summary>....."
- Thorrez 2y ago
  No problems on Chrome on Windows either.
willvarfar 2y ago
Same problem with font being unreadable unless zooming in on Chrome on Mac
- ReleaseCandidat 2y ago
  Either switch off `-webkit-font-smoothing` in the CSS of the site or use Firefox (Safari also uses `-webkit-font-smoothing: none`).
__jonas 2y ago
would be interested to see a screenshot, a bit hard to imagine what the problem is from a text description
- ReleaseCandidat 2y ago
  Non-antialiased, scaled text: https://i.postimg.cc/28ZWKHFK/Bildschirmfoto-2024-06-03-um-13-01-51.png 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-13-03-57.png 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-13-21-34.png https://i.postimg.cc/rsmpLprJ/Bildschirmfoto-2024-06-03-um-1...
  - __jonas 2y ago
    Ah interesting I see, I guess the webkit vendor prefix explains why I'm not seeing this on Firefox
    - ReleaseCandidat 2y ago
      > 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).
r00fus 2y ago
I ignore such fonts, I simply use reader mode on almost all sites.
- hollerith 2y ago
  Is there a reader mode that works on almost all sites?
  - r00fus 2y ago
    I've had good luck with Safari or Firefox's reader mode on most content that's long-form. Obviously web-apps don't apply.

That's the result of `-webkit-font-smoothing: none`

No issue on Linux / Firefox for me... Side note, looking at the source there is a spoiler commented out!!! "<!--<details><summary>Spoilers!</summary>....."

Thorrez 2y ago
No problems on Chrome on Windows either.

willvarfar 2y ago

Same problem with font being unreadable unless zooming in on Chrome on Mac

ReleaseCandidat 2y ago
Either switch off `-webkit-font-smoothing` in the CSS of the site or use Firefox (Safari also uses `-webkit-font-smoothing: none`).

__jonas 2y ago

would be interested to see a screenshot, a bit hard to imagine what the problem is from a text description

ReleaseCandidat 2y ago
Non-antialiased, scaled text: https://i.postimg.cc/28ZWKHFK/Bildschirmfoto-2024-06-03-um-13-01-51.png 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-13-03-57.png 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-13-21-34.png https://i.postimg.cc/rsmpLprJ/Bildschirmfoto-2024-06-03-um-1...
- __jonas 2y ago
  Ah interesting I see, I guess the webkit vendor prefix explains why I'm not seeing this on Firefox
  - ReleaseCandidat 2y ago
    > 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).

r00fus 2y ago

I ignore such fonts, I simply use reader mode on almost all sites.

hollerith 2y ago
Is there a reader mode that works on almost all sites?
- r00fus 2y ago
  I've had good luck with Safari or Firefox's reader mode on most content that's long-form. Obviously web-apps don't apply.