this only looks terrible because you've forced a specific height in rem. https://jsfiddle.net/vbd3fok5/ looks fine to me. there is some extra space, but I assume that if the font designer added extra space on top of the text, they did it on purpose. if you insist on ignoring that, https://jsfiddle.net/qpb0d45n/ makes the text "visually continuous", at least for a non-Korean reader like myself. I would speculate that a Korean user might look at this and ask why the site designer ignored their font's preference for space above the text.
Re:System Font Stack
by bufferoverflow on Sunday May 29, 2022 @12:41AM
(#31546451)
> https://jsfiddle.net/vbd3fok5/ looks fine to me
No, it doesn't. Here's the screenshot with a line I added:
https://i.imgur.com/6pLiasn.png
> if you insist on ignoring that, https://jsfiddle.net/qpb0d45n/
And now you have blocks of different heights. Which cause other issues.
Here, try to align these without changing individual p's CSS:
https://jsfiddle.net/a3q87ucs/
You see how the second text is lower. That has to do with internal font settings that CSS has no control of. Not yet at least.