Задать вопрос
@Kytaebzik

Не влезает шрифт в input?

Шрифт не влазит в блок input. Причина проблемы: цифры в шрифте сильно больше букв, но мне важно использовать именно этот шрифт. фото проблемы

68729fab94035868413046.png

Нужны способы фикса внутри 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>
  • Вопрос задан
  • 110 просмотров
Подписаться 2 Средний 7 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы