Шрифт не влазит в блок input. Причина проблемы: цифры в шрифте сильно больше букв, но мне важно использовать именно этот шрифт. фото проблемы
Нужны способы фикса внутри css. Пробывал через line-height, проcто height, transform. Как можно вместить шрифт? Способы с изменением размера шрифта не предлагать, так как не помогает. На фото представлен placeholder, но при вводе данных в поле обрезает цифры точно также.
Код:
CSS
@font-face {
font-family: 'gost';
src: url(./GOST-R-50577-93.ttf);
}
#userNumber{
position: absolute;
top: 15px;
left: 21px;
appearance: none;
background-color: transparent;
font-family: 'gost';
font-size: 81px;
letter-spacing: .03em;
color: black;
border: 0;
width: 346px;
}
HTML:
<form action="post">
<div class="number">
<img src="{% static 'main/img/abkhaziaNumber.png' %}" alt="">
<input type="text" name="userNumber" id="userNumber" placeholder="A001AA" maxlength="6">
</div>
</form>