HACKER Q&A
📣 duxup

What is the best font and styling combo for readability on the web?


As I read HN I often come across personal blogs / websites that look great and are visually easy to read, but I change my mind on what is "best" all the time.

Admittedly this is a matter of opinion and the web is not short of opinions, but I'm wondering what users here have found are the most pleasant to read font and styling combinations?

  👤 dtagames Accepted Answer ✓
Inter[0] was designed specifically for readability on the web, and you can get all the weights out of a single file.

I use this trick in my blog[1] to get typographic variety within the same font.

It's become my go-to.

[0] https://rsms.me/inter/

[1] https://davidbethune.com/blog

👤 Elfener
- Respect the user's prefers-color-scheme (HN fails this one)

- Make sure your text is not to small (HN also fails this one spectacularly)

- Lines should not be longer than like 132ch

- There should be left and right margins as to not have letters directly on the edge of the screen.

- For fonts, I prefer that a site just uses "sans-serif", "serif", and "monospace", but most people don't choose their browser default fonts, so for a general audience I'm not sure on this

👤 bjourne
In my opinion, Georgia serif, black-on-white text, large font size, and short lines. Lines should not be longer than 110 characters.
👤 evenoroddman
I see the same problem with HN tbh. So much so that I built newz.dev as alternative HN reader, meant to be minimal and easy to eyes.
👤 0xCE0
https://www.berkshirehathaway.com/