A typography-focused site with guides and resources on type, fonts, rhythm, accessibility and performance for web designers and developers.
HN commenters point to it as a deep typography reference, though one calls its layout hard to use and another warns about an annoying modal.
The web is not print and that site looks unusable to me (it might be old).
It kinda looks broken on a big screen and it took me a while to figure out what to do next. Call to actions were not clear.
Keep things simple, the web is fluid and make sure your text is legible and ensure good contrast. Also think about load performance and ideally stick to fonts that are generally already installed on devices by default.
Or follow this handy guide:
https://betterwebtype.com/articles/2021/06/07/all-you-need-is-5-fonts/
https://betterwebtype.com/ (free web typography course)
I appreciate the write-up, but your center column is still too narrow and your line length is a bit too short. I find the text quite difficult to read on a 13" screen. See:
https://practicaltypography.com/responsive-web-design.html
https://practicaltypography.com/line-length.html
https://betterwebtype.com/articles/2018/10/15/rhythm-in-web-typography/
https://alistapart.com/article/more-meaningful-typography/
I highly recommend checking out this recent article from a list apart: https://alistapart.com/article/flexible-typesetting
As well as this continually-updated website: https://betterwebtype.com/web-typography-resources
Both give good high-level overviews of readability in digital typesetting and help with choosing the right fonts for the job
The rabbit hole is fractally deep. Stuff like https://betterwebtype.com/web-typography-resources/ (so https://betterwebtype.com/articles/2018/08/15/guide-to-combining-fonts/ though I'll warn you it's got a real annoying modal) scratches the surface of the stuff that someone might be thinking of... regarding type alone.
Hacker News could easily set a max-width on the problematic items. Every designer (and so should every web developer) knows that the sweet spot for reading is around 60 characters and a column of text if readable between 40 and 60 characters. Check for example the free course from https://betterwebtype.com/
> https://betterwebtype.com/assets/images/rhythm/078@2x.jpg
the text on the bottom, "better", hurts me physically. just looking at it literally gives me nausea.