Я использую на своем сайте два разных шрифта — «sans-serif» и «tradeGothicLTStd». Вот как эти шрифты отображаются в браузере.
Вы можете заметить, что на первом снимке экрана есть дополнительное пространство над шрифтом (если вы видите текст в верхнем регистре. Пожалуйста, откройте его в новой вкладке с черным фоном, чтобы правильно увидеть разницу), а при использовании другого шрифта лишнего места нет. над шрифтом (текст в верхнем регистре).
Вот как они отображаются при использовании в кнопке.
Из-за этих несоответствий шрифты смещаются по вертикали. т.е. если я создаю свой css с учетом первого шрифта, все шрифты в верхнем регистре центрируются по вертикали (внутри кнопки или тега привязки и т. д.), но когда я меняю шрифт на второй шрифт, весь текст перемещается немного вверх, так как нет дополнительного пространства над шрифтом в этом случае. Из-за этого мой шрифт не идеально выровнен по вертикали по центру.
Есть ли способ исправить это или может кто-нибудь даже сказать мне, почему это происходит?