Baseline grid lines look wrong about interior

[fluxxus]

@morganfeeney Maybe I am missing something, but a lot of the text doesn't sit on the baseline. One paragraph is fine, then the one below is not.

I am viewing from an older win10 laptop. Resolution is 1366x768, same in chrome, firefox and edge.

I don't have my mac with me now, but I guess that the issue is the same there.

Interior looks really usable, I am just wondering are the calculations right and the issue is with browser rendering of grid lines or maybe the calculations are off?

I am looking for a tool/library that would finally allow me apply the baseline grid I am using when designing in my code.

My reasoning was always that maintaining a baseline grid on the web is a chore and that proper vertical rhythm is enough. Too much hassle with the baseline grid IMO.

[morganfeeney]

@madebym could you please share a screenshot?

[fluxxus]

Sorry for the late reply. Here is one screenshot made with Firefox. It is the same on Chrome and Edge.

I am far from expert in this, but this doesn't look right to me.

[morganfeeney]

Here's one from Chrome:

...and one from FF:

[morganfeeney]

What font are you seeing? I think the problem you are experiencing is the font that I see on my Mac is "Helvetica Neue", and you are seeing something else, here's the font-stack:
"Helvetica Neue",Helvetica,Arial,sans-serif

[fluxxus]

I think I got it wrong. I don't know what I was looking at. Every second line is much lighter, I only saw the darker ones. That is why I thought that the text doesn't sit on the baseline.

I will blame it on the old laptop screen. Sorry for the hassle :)

[morganfeeney]

No hassle mate.