2011-06-21 2 views
1

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

Знаете ли вы что-нибудь подобное?

ответ

2

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

заглавия для тела Размер шрифта Соотношение

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

Heading размер шрифта ÷ Body копия шрифта размер = 1,96

Общая стоимость, то есть 1,96. Это означает, что, когда вы выбрали шрифт размер для копирования вашего тела, вы можете получить , чтобы умножить его на 2, чтобы получить размер шрифта вашего . Это, конечно, зависит от вашего стиля; правило thumb не обязательно даст вам оптимальный размер для вашего конкретного . Другой вариант - использовать традиционную шкалу (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/

+0

Да, я полагал, что это было бы очень вопрос на конкретных участках, спасибо за ссылку, хотя! – javiervd

+0

@javiervd удовольствие! –