Have Geek Brain

Why does emspace or enspace break CSS font-height in HTML?

Confused about how a browser - any browser - because it happens in everyone, it's about calculating emspace and encpace. Here's what's going on: I'm using the free Gentium font. Font size - 16 pixels line-height - 19px

Everything looks great. Continuous spaces - & nbsp; not a problem - it exists in the font as a symbol. thinspace & thinsp; also works fine.

But if I try to use: & amp; EnSP; (# 8194) or & amp; EPRS; (# 8195)

The browser generates a space with the correct width, but it seems to have a height for it too, and the entire line of text gets pushed down despite the CSS line height rule. Does anyone know what's going on? Balls # 8194 and # 8195 are usually not included as part of the font file. How does the browser calculate it? (It usually works fine.) Where does it pull the character if it's not in the font file?

Thanks.

0


a source to share


1 answer


In the browser, this is definitely just another character ... and is pulled from some font file ... which doesn't appear to have the same metrics (like line height) as a Gentium font.



+3


a source






More articles:


All Articles