Hacker News Reader

Comment by oneeyedpigeon | Hacker News Reader

Apparently (I can't check right now), HN uses 'line-height: normal'. If that's not readable for you, complain to your browser vendor; they can interpret that value however they want. And, in some ways, it's preferable to specifying a fixed value; it can - and should - be optimised for the specific font. I'm not sure whether the spec allows it, but - in theory - your browser could also optimise 'normal' for line-length.

View on HN

Yes, it is set to `normal`. It is reasonably readable but not excessively reasonably ;)

I don't think browser vendors are the right people to blame though. Their job is to give the designer enough control and they mostly succeed or sometimes don't (https://www.smashingmagazine.com/2012/12/css-baseline-the-go...)

But you certainly cannot expect them to come up with optimal default working for every single site out there.

So setting proper line-height has to remain the site's responsibility. And something as simple as unitless 1.4-1.6 would improve readability with any "regular" font.

Given that HN isn't exactly famous for using fancy fonts, which isn't a bad thing at all. ;)

I agree, but if "line-height: 1.25" (my browser's interpretation of 'normal') is 'wrong' more often than not, browser vendors should fix that.

In my browser it looks more like '1.25'. And the worst part -- I can't see it in the dev tools! It shows me 'normal' as computed value and I still don't know what it is!

Apparently HN is using table layout and `line-height: normal` is set by UA on any table. This is the first time I can't overwrite it by setting it on `body`.

This just breaks anything I know and only leads to frustration.

Reply on news.ycombinator.com