4 ms·
Why is the font on this article so hard to read? Maybe it’s not the font, but the weight. I had a hard time reading it and stopped part way through.
by irrational 6y ago
Why is the font on this article so hard to read? Maybe it’s not the font, but the weight. I had a hard time reading it and stopped part way through.
- tantalor 6y agofont-weight: 300 is a bit light. Bump it up to 500!
- ghaff 6y agoOpen Sans (which it looks like it is) is a perfectly decent humanist font. But he uses the extra-light weight and a fairly small font size so it's pretty hard to read. Unfortunately, this represents a lot of typography in 2020 pretty well.
- minxomat 6y agoDear website creators: Just leave it alone. The default font width is just fine!
- angio 6y agoIn my experience it's because people test their websites only on Mac + Chrome, where thin fonts look fine. Case in point, this website is hard to read on FF + Linux but it's much better on Mac + Chrome.
- srtjstjsj 6y agoIt's meant to look pretty, not be read.
- BossingAround 6y agoSilly me... :))
- enlyth 6y agodocument.querySelectorAll('p').forEach(el => { el.style.fontWeight = 600; el.style.color = 'black'; });
- deleted 6y ago[deleted]
- duxup 6y agoFirefox reader view saved me again on this one. If you're on Firefox give it a try, makes it readable.
- alpaca128 6y agoAlso the (sub)headers are actually span tags followed by paragraph breaks, leading to a completely broken pile of text in the browser's reader view(and probably any accessibility tools).
- Yizahi 6y agoIt's because default MacOS configuration is artificial systemwide bold(ing?) of all fonts. So developers create a lighter font than needed and then on MacOS it mostly ok (disregarding the fact that it is not a native bold font but processed one) but on other OSes it is this light grey mess.
- snazz 6y agoAs I understand it, macOS uses grayscale antialiasing by default, while Windows and Linux use subpixel hinting. To make up for the artificial thinning that occurs with grayscale antialiasing, it also uses something called "font smoothing" which makes everything look a little bolder.
- kerng 6y agoYeah, same here - couldn't stay focused reading it but the comment section here is good.
- C1sc0cat 6y agoLooks fine on windows edge and chrome to me - which setup are you reading it on?