In the project I am working on, we are required to use the font LFT Etica. However, there is an issue with the height of certain digits when displayed. Specifically, some numbers appear taller than others. Is there a way to make all digits have equal height without changing the font itself? It seems like 0, 2, 3, 6, 8, and 9 show up as tall, while 1, 4, 5, and 7 are shorter.
View a screenshot of the current output
I have attempted adjusting the CSS properties font-variant-numeric and font-variant but so far have not had any success. Below is my current CSS code:
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;
}