Firefox и Chrome кнопки текста базовой линии разные

Question

Кнопка в Chrome против Firefox:

базовая линия в Firefox кажется немного выше для текста. Есть ли способ опустить текст? Просто настроить поля на основе браузера?

Chrome CSS:

Firefox CSS:

Answer 1

шрифты были разные. Хотя они одинаковы в CSS, они не загружались должным образом, поэтому один из браузеров использовал запасной вариант, а другой - нет. Чтобы помочь в отладке, document.fonts.check очень полезен.

Спасибо Temani Afif за указатель в правильном направлении.

Answer 2

Используйте нормализовать. css. Большинство различий между браузерами исчезнет https://necolas.github.io/normalize.css/

Браузеры имеют разные базовые настройки. Вероятно, FF по умолчанию высотой строки наименьший тогда chrome Во всяком случае, никто не находит это иначе при обычном использовании;)