I'm the blog's author. Can you advice on some CSS fixes, I'm not experiencing what you're describing on my phone (Chrome and Firefox) nor my desktop (also Chrome and Firefox). Could you also share a screenshot please.
In my opinion: use black instead of #333 for the font text, and do not reduce font weight. There is virtually no excuse to harm legibility like that. Basically keep in mind you are optimising for your users' experience, not for your website looking good on screenshots.
I see you used "width: 60%" to specify the width of the article text. That's probably good for narrower screens, but on its own can have unpleasant effects on wider ones. Consider adding "max-width: 39em" to mitigate it. You may fiddle a bit with the exact value there to see what works for your website.
As to the text size, you used "font-size: 1.4em". I think that in this regard it's best to rely on the defaults and set "font-size: 100%" in "html, body" and then "font-size: 1rem" for the tag where the main text is contained.
I just retried viewing this page after rebooting into Windows and it looks completely different. The text is a lot smaller than on Linux. So Windows handles HiDPI a lot differently, it seems. But my own website looks exactly the same on Linux and Windows. I'm using a "reset.css" --- maybe that's what's at play here.
In any case, our impressions being different only prove my point about standardized styling of webpages.
For me, the font is way too light. I see you have `font-weight: 200` on the body and `font-weight: 300` on the content. Both render the same for me. The light font is way too weak in contrast, so deleting those both CSS rules and going with the default font-weight of 400 makes it much more readable for me.
