была проблема с загрузкой шрифтов Google. Исправлено сейчас. Можно также добавить загрузчик typekit.

аюсь сделать что-то, что должно быть очень простым, но я провел свой день между неудачами и форумами ..

Я хотел бы настроить свой шрифт, чтобы он соответствовал моей базовой линии.На Indesign это один клик, но в CSS это выглядит как самая сложная вещь на земле ..

Давайте возьмем простой пример с рациональными ценностями.

На этом изображении у меня есть базовая линия каждые 20 пикселей.

Так что для моего<body> Я делаю:

<style>
body {font-size:16px; line-height:20px;}
</style> 

Все работает отлично. Мой абзац соответствует базовой линии.

Но когда я пишу сценарий<h> это больше не соответствует базовой линии .. что я делаю не так? Это должно следовать моей базовой линии, не так ли?

<style type="text/css">
    body{font-size: 16px; ,line-height: 20px;}
    h1{font-size: 5em; line-height: 1.25em;}
    h2{font-size: 4em; line-height: 1.25em;}
    h3{font-size: 3em; line-height: 1.25em;}
    h4{font-size: 2em; line-height: 1.25em;}
</style>

PS: 20/16 = 1,25em

В моем инспекторе computed возвращает ожидаемые значения

h1{font-size: 84px; line-height: 100px;}
h2{font-size: 68px; line-height: 80px;}
h3{font-size: 52px; line-height: 60px;}
h4{font-size: 36px; line-height: 40px;}

Так что должно отображаться что-то вроде этого нет?

Ответы на вопрос(1)

Ваш ответ на вопрос