была проблема с загрузкой шрифтов 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;}
