Как задать правильные и пропорциональные размеры заголовков (h1-h5)?

Question

[Антон Середний]

Давно пытаюсь понять, как же задать правильные размеры для заголовков, чтобы они между собой смотрелись пропорционально? Может есть какие-то стандарты?



Допустим h1 у меня 25px размером. Как быть с другими?

UPD На стеке нашел такое:

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

Answer 1

[Ironimus42]

Есть вот такой вот калькулятор. И абстрагироваться лучше от размера основного текста, чем от максимально большого заголовка.

Comments

[Алексей Уколов]

Только не "абстрагироваться", а "взять за точку отсчёта". Простите за поучения, но грамотность - это важно.

[toyvo_glumov]

А почему там на золотом сечении все такое огромное получается?

Answer 2

[Андрей]

Можете использовать мой мини CSS фреймворк для работы с типографикой https://github.com/AndreyMyagkov/Typography

Answer 3

[Александр Серый]

Видел такое: www.modularscale.com/.
SASS версия на github :https://github.com/modularscale/modularscale-sass.