search

vuejs / docs

šŸ“„ Documentation for Vue 3
https://vuejs.org
Other
2.8k stars 4.07k forks source link

Super thin font on ios #2807

Open dbzx10299 opened 2 weeks ago

dbzx10299 commented 2 weeks ago

On ios, the vue docs and all other satellite sites using vite press seem to have a font weight that is very thin on buttons and in other places. On desktop everything is normal, but on ios there is an issue which may be hard to read for some users

dbzx10299 commented 2 weeks ago

8B21B43F-3F4A-4534-9BF6-9ADD23167E39

brc-dd commented 2 weeks ago

Seems weird. It looks like this on my phone:

image

\ Can you share which Safari and iOS version are you using?

dbzx10299 commented 2 weeks ago

It looks the same on google chrome for ios. I am on ios 16.1.1

brc-dd commented 2 weeks ago

It looks the same on google chrome for ios.

Google Chrome is same as Safari on iOS (uses the same engine).

I am on ios 16.1.1

Seems like a bug with that particular build. It was fixed somewhere between 16.3 and 16.5. Works fine in v15 and below too.

Edit: Seems to be same as this - https://clagnut.com/blog/2423 (https://github.com/WebKit/WebKit/pull/10126) -- [16.0, 6.4) are affected

dbzx10299 commented 2 weeks ago

Iā€˜m going to run an update and see how it looks. I was happy though the the very top address bar was grey instead of green. That would be nice if the docs kept that grey for night reading.

brc-dd commented 2 weeks ago

That would be nice if the docs kept that grey for night reading.

Yeah it's theme color. I don't like it either šŸ˜‚ https://github.com/vuejs/docs/blob/c5f2a3cdc4f4c4e9e3383418bae0b2a0a766e727/.vitepress/config.ts#L572