I'm working on an application where we are to use the font LFT Etica. However, when displaying numbers, some of the digits are noticeably taller than the other ones. How can I get the height of the digits to equal height? Preferably without changing the font. It looks like 0, 2, 3, 6, 8, and 9 are displayed tall, and 1, 4, 5, and 7 are short.
I have tried adjusting the CSS properties font-variant-numeric
and font-variant
without any luck. This is how my CSS currently looks:
body {
margin: 0;
font-size: 14px;
line-height: 1.5715;
font-family: LFT Etica, Lucida Sans Unicode, Lucida Grande, sans-serif;
font-feature-settings: normal;
font-variant: normal;
}