Как обрезать пустое пространство над шрифтом в css?

Question

[Вадимка)))]

Вот я скачал шрифт, а у него сверху символов пустое пространство! И из-за этого шрифт нельзя центрировать по вертикали.

Как это исправить?

Comments

[archelon]

a) логотип картинкой
б) поэкспериментируйте со свойством line-height, например

.logo {
line-height: 1;
}

[Вадимка)))]

спасибо)))

[Алекс Глебов]

Создатель шрифта так разместил символы внутри контейнера. Если нужно надежно убрать этот отступ меняйте на svg.

[pumpuroom]

Никак, такова природа вещей. Можно попытаться, и подгонять руками, но универсального удобного решения нет. Подробнее можно почитать тут https://habr.com/ru/company/pt/blog/337450/

[Вадимка)))]

pumpuroom, (((( печалька(( Ну я уже решил по нормальному css изучать, по курсам

Answer 1

[MeMoJlor]

Мне кажется вы не нормализовали CSS стили. Но вряд ли это поможет. Как вариант использовать отрицательное значение margin-top, а лучше найти другой шрифт. А вообще, это частое явление и чтобы оно не бросалось в глаза, можно просто уменьшить шрифт/увеличить высоту навбара, чтобы было незаметно.

Comments

[Вадимка)))]

Спасибо, я решил использовать изображение вмесьо текста)))