@l2p

Как пофиксить line-height у сторонних шрифтов?

Здравствуйте,
Дизайнеры очень любят использовать сторонние шрифты в кнопках. Их как-то нужно центровать. Так вот, используя line-height = height (кнопки), получается разное отображение в браузерах. Если отменить шрифт, то становится все на место. Как можно решить данную проблему?
  • Вопрос задан
  • 2386 просмотров
Пригласить эксперта
Ответы на вопрос 2
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
В этой теме CSS: Почему происходит смещение изображения при line-height идентичной высоте блока? я уже показывал в картинке, как происходит центрирование.
Очень важным при центрировании мог бы стать font-size-adjust. Увы — его поддержка оставляет желать лучшего.

Поэтому остаются манипуляции с padding, маленьким line-height и рихтовка с помощью vertical-align в em.

Есть варианты с display вроде
display:inline-flex;
align-items:center;
justify-content:center;
line-height:1;

или
display:table-cell;
vertical-align:middle;
line-height:1;
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы