Custom font makes text “sink down” a bit
I tried searching online but I’m not familiar enough with css to know the vocabulary I need. I’m applying a custom font to my webpage, but for some reason it makes the text… sink? I’m not sure what causes this issue. Here’s a before and after with the default sans serif and the new font - pay attention to the paragraph text.
1 Reply
The issue is the baseline of the font itself is shifted, but you only have the means to set its size, line-height, vertical-align, or the margin/padding-bottom to address it: https://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/ https://css-tricks.com/how-to-tame-line-height-in-css/ there are probably better tricks (i hope) to wrangle it but for lack of anything else there's these