css несоответствующий интервал над и под шрифтом - PullRequest
0 голосов
/ 07 декабря 2018

Я использую два разных шрифта на моем сайте - "без засечек" и "tradeGothicLTStd".Вот как эти шрифты отображаются в браузере.

sans-serif

trade-gothic-lt-std

Вы можете заметитьчто на первом скриншоте есть дополнительное пространство над шрифтом (если вы видите заглавный текст. Пожалуйста, откройте его на новой вкладке с черным фоном, чтобы правильно увидеть разницу), и при использовании другого шрифта нет свободного места над шрифтом(текст в верхнем регистре).

Вот как они отображаются при использовании в кнопке.

sans-serif

trade-gothic-lt-std

Из-за этих несоответствий шрифты выходят из положения вертикально.то есть, если я создаю свой CSS с первым шрифтом, все прописные шрифты располагаются по центру по вертикали (внутри кнопки или тега привязки и т. д.), но когда я меняю шрифт на второй шрифт, весь вид текста перемещается немного вверх, так как свободного места нет.выше шрифта в этом случае.Из-за этого мой шрифт не идеально выровнен по центру по вертикали.

Есть ли способ исправить это или кто-то может даже сказать мне, почему это происходит?

1 Ответ

0 голосов
/ 07 декабря 2018

На вашем втором изображении шрифт также выглядит растянутым.Вы можете масштабировать шрифт с помощью transform: scale(1, 0.9);.Это позволит масштабировать шрифт по вертикали на 90%.

Тогда я бы использовал line-height

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...