заголовки css теги "стандарты"? - PullRequest
1 голос
/ 21 июня 2011

Я ищу способ стандартизировать свои теги h1, h2, h3 и т. Д. После применения сброса css, я знаю, что это в основном зависит от дизайна, но я помню, что видел на сайте, что там было какое-то " золотое сечение "между размером текста, высотой строки и полем поля, что улучшит читабельность и улучшит внешний вид заголовков на странице.

Кто-нибудь из вас знает что-нибудь подобное?

1 Ответ

2 голосов
/ 21 июня 2011

Я думаю, это во многом зависит от используемого шрифта. Тем не менее, Smashing Magazine дает это «правило большого пальца»:

Соотношение размеров шрифта к телу

Чтобы лучше понять отношения между заголовком и размером основного шрифта, мы разделил шрифт заголовка каждого сайта размер по размеру шрифта тела. Мы взяли среднее из этих соотношений и вывел эмпирическое правило для вас работа с:

Размер шрифта заголовка ÷ Шрифт основного текста размер = 1,96

Таким образом, общее значение составляет 1,96. это означает, что когда вы выбрали шрифт размер для вашего тела копии, вы можете умножить его на 2, чтобы получить размер шрифта заголовка. Это, конечно, зависит от вашего стиля; правило большой палец не обязательно даст вам оптимальный размер для вашего конкретного дизайн. Другой вариант заключается в использовании традиционная шкала (6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 21, 24, 36, 48, 60, 72) или последовательность Фибоначчи (например, 16 - 24 - 40 - 64 - 104) чтобы получить естественное типографские результаты.

http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/

...