Digits in LFT Etica font are displayed in different heights

46 Views Asked by At

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.

Screenshot of current output

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;
}
1

There are 1 best solutions below

1
On
* {
    padding: 0;
    margin: 0;
    max-height: 100000000px;
}