Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Super thin font on ios #2807

Open
dbzx10299 opened this issue Apr 18, 2024 · 6 comments
Open

Super thin font on ios #2807

dbzx10299 opened this issue Apr 18, 2024 · 6 comments
Labels
style-improvement Related to theme design and/or ux

Comments

@dbzx10299
Copy link
Contributor

dbzx10299 commented Apr 18, 2024

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
Copy link
Contributor Author

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

@brc-dd
Copy link
Member

brc-dd commented Apr 18, 2024

Seems weird. It looks like this on my phone:

image


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

@dbzx10299
Copy link
Contributor Author

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

@brc-dd
Copy link
Member

brc-dd commented Apr 18, 2024

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 (WebKit/WebKit#10126) -- [16.0, 6.4) are affected

@dbzx10299
Copy link
Contributor Author

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
Copy link
Member

brc-dd commented Apr 18, 2024

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

Yeah it's theme color. I don't like it either 😂

['meta', { name: 'theme-color', content: '#3c8772' }],

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
style-improvement Related to theme design and/or ux
Projects
None yet
Development

No branches or pull requests

3 participants