Как использовать процент текста шрифта вместо текста изображения для адаптивного дизайна?мой код прилагается

Question

Я должен использовать текст в HTML.Я могу сделать это, но мне нужно сделать его отзывчивым, и я не могу использовать процент в тексте, для которого я использую изображение текста и применяю процентное соотношение для его ширины и высоты, но каждое изображение текста ухудшается, некоторые растягиваются и выглядят немного меньшетекст выглядит больше

код, который я использую,

<img class="LohaD" src="./Styles/img/LohaD.png" />

.LohaD {
    width: 78.2%;
    height:2.4%;
    object-fit: contain;
    text-align: center;
    display: block;
    vertical-align: central;
    margin-left: auto;
    margin-right: auto;
}

Главный недостаток в том, что я не могу поддерживать размер текста, используя его как рис, как использовать его как текст, как с процентами?надеюсь на ваши предложения спасибо

Answer 1

Вы можете использовать единицы просмотра.Например:

.scalable-text {
 font-size: 100vh;
}

Отметьте это https://css -tricks.com / almanac / properties / f / font-size