space on font
how can i remove that space on the bottom of the word, i tried everything, its because the font ? im using Josefin Sans Variable, in montserrat happend the same to me

23 Replies
set the line height to 1
if it doesn't work, you're sol
find a better font
already tried that T_T, man i fall in love with that font
then use it
thanks anyway
ajjaja the thing in the other side i have a buttum and it look not balanced in my eyes
yeah, it will look a little bad
if you absolutely need it to absolutely be absolutely centered to the absolute center, you can try using svg
The
@font-face
directive has the brand new descent override you can use to remove the decender space
Not available everywhere, though, as it's new :pwhich is sad 😦
Oh, never mind. It's not new it's Apple being dumb
would have been really useful from the beginning
oh
really? 😮
Chrome since 2020, FF since 2021 🙄
Safari since 🤣
at least it should work for everything else
Yeah, it should
The reason setting line height to 1 doesn't work is because the descender/ascender space is part of the line height
is it part of line height or part of the font?
What I did was reduce the line-height a bit more, just to those H2s. I think it'll be the temporary solution. If it doesn't affect the rest in the future, I'll just leave it like that. Thanks!!!
P.S.: I had to leave it at line-height: 0.5
that sounds like a scary brittle hack
khahahaha
just temporary soluton just that blink blink
It's based on the font size…so both?
font size
i will try to remember it in the future, and try to use this
looks super interesting
ahhah As I said, it will stay like this (for the moment), it will not affect me at all and it remains well with the responsive at least, thanks!

hey, if it works, then it works
It's only a kludge if it breaks 🤣
🤣 it won't break for 10 years, hopefully