Как убрать таинственные отступы у h1...h6?

Question

[rtfm mftr]

Даже после ресета у заголовков по-прежнему присутствуют нежелательные пустые промежутки сверху и снизу. Чем больше размер шрифта тем лучше видно. Принадлежат именно заголовку, можно убедиться в инспекторе. Пример
Кодпен
Требуется чтобы самая верхняя точка самой высокой буквы касалась блока-родителя.
Добавление к h1 line-height: 0.7em помогает приблизительно избавиться от них, но
1. несколько пикселей по-прежнему остаются. можно продолжать подбирать руками, но...
2. решение непрозрачно
3. потенциальные проблемы с разными семействами, размерами, единицами измерения шрифта
4. трудно попасть в pixel perfect
Собственно, откуда они взялись и как их побороть. Возможно с помощью операций в sass

Comments

[Григорий]

Эти отступы - характеристика шрифта. А pixel perfect - глупость.

[Вениамин Смирнов]

Григорий: почему глупость?

Answer 1

[Андрей Б.]

Решения нет и не будет, так работает рендеринг шрифта.
Подгоните единожды line-height и не парьтесь, PP вам тут не добиться

Comments

[Сергей delphinpro]

>> PP вам тут не добиться
Делаю pixel-perfect, если заказчик попросит, и не знаю, что этого, оказывается нельзя добиться. Вот я дурак..

[Слава]

:)))

[Андрей Б.]

Сергей Любитель передернуть? Вы сможете добиться PP разным размером шрифта, семейством, в разных браузерах и ОС? Подогнать PP под конкретный шрифт единожды проблем не вижу, а в остальном это не решаемо, идеального PP не добиться, рендеринг отличается.

[Сергей delphinpro]

Андрей Б.: вы указали конкретную причину - из-за line-height почему у вас невозможно добиться pp. Z утверждаю что делаю это. Само собой с оговорками на различный рендеринг шрифтов. Но позиционирование блоков и надписей на странице полностью соответствует макету.

[Андрей Б.]

Сергей Так я про эти "оговорки" и имею ввиду. Я же не утверждаю что PP в принципе не возможен, автор вон переживает что вдруг шрифт изменят и тогда его PP полетит к черту, об этом я и говорю.

Answer 2

[Слава]

Это не таинственные отступы, это - line-height

Answer 3

[keslo]

Может line-height поиграться?

Answer 4

[Erling]

У них margin стоит по умолчанию, кроме line-height который создает отступы.
Ставьте margin:0; А далее корректируйте как надо.