Почему текст может быть растянут?

Question

[Varlant1n]

Есть текст

<div class="hero-title">
<div>
<span>Firstsoft.</span>
</div>
</div>

К нему есть css:

.hero-title {
    font-family: 'Gilroy-Extrabold';
    margin-bottom:0px;
    width:100%;
    font-size:150px;
    line-height:150px;
    height:150px;
    font-weight: 800;
    z-index:10;
    color:#000;		
    position:relative;
    transform: translateY(5vh);
    -webkit-transform: translateY(5vh);
    opacity:0;
    margin:auto;
    display:table;
}

В итоге у меня получается так:


То есть, текст будто растянут, но я не могу поймать суть, где я его и чем растянул.

Comments

[archelon]

шрифт такой?
если сменить шрифт, искажения есть?

[Varlant1n]

archelon, Нет шрифт не такой, потому что в других местах, где я использовал его же, всё нормально. Если изменяю шрифт искажение опять присутствует

[Varlant1n]

Я ещё использую hero-title span, может это тут происходит?

.hero-title span {
    display: block;
    float:left;
    margin: 0;
    min-width: 10px;
    width:auto;
    line-height:120px;
    height:120px;
    box-sizing: border-box;
}

[Varlant1n]

Ankhena, Шрифт подключен файлово. Но и с другими шрифтами такая же ситуация.

[Ankhena]

Varlant1n, значит, делайте песочницу на jsfiddle.net
Потому что ваш код не соответствует скрину. Возможно, подключен какой-то скрипт, который растягивает текст на всю ширину блока.

Answer 1

[Нікіта]

height больше сделай

Comments

[Varlant1n]

Сделал, не помогло(