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

Readability issues - thin font weight and text contrast #270

Open
polpo opened this issue Mar 26, 2024 · 1 comment
Open

Readability issues - thin font weight and text contrast #270

polpo opened this issue Mar 26, 2024 · 1 comment
Labels
site Affects HTML/JS/CSS presentation

Comments

@polpo
Copy link

polpo commented Mar 26, 2024

I don't usually consider text on the web hard to read, but I had issues with the readability of the articles in this series. It seems that the combination of the thin font weight of 300 of the body text with a color of #4d4d4d (contrast ratio of 8.45:1, not too bad actually) is the reason. Anecdotally, increasing font weight improved the readability more for me than darkening the color.

Viewed on a MacBook Pro 14" with display at its native 3024x1964 (254PPI) resolution.

@flipacholas
Copy link
Owner

Thanks for the info, solving readability issues has been a tough challenge for me since starting the site, it's also one of the reasons I offer the alternative classic.copetti.org. For your particular issue, could you please let me know more about your setup:

  • Do you encounter the same readability issues in dark mode?
  • Which browser are you using? (for some reason, some bundle a very thin Helvetica Neue font).
  • Is this issue only present on a MacBook Pro 14" screen?

@flipacholas flipacholas added the site Affects HTML/JS/CSS presentation label Apr 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
site Affects HTML/JS/CSS presentation
Projects
None yet
Development

No branches or pull requests

2 participants