Почему заголовки все одинаковы?

Заголовок 1

Заголовок 2
Заголовок 3

Заметил вот такую тему, прогуглил по сайту, похоже никто не обращал внимания (не кидайте яйцам, если плохо искал).
Но все же!
Почему заголовки все одинаковы? Хотя по логике и правилам должны различаться.
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h5 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }

Это недочет шаблона New (возможно и не только его), который нужно исправить. Если вы использовали этот шаблон в качестве основы для своего проекта, то не забудьте изменить в файле style.css свойства шрифтов для заголовков.

В своем проекте я использовал следующие свойства:

h1, h2, h3, h4, h5, h6 { font: normal 18px Verdana; color: #333; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 10px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 7px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 5px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h5 { font-size: 14px; line-height: 18px; margin-bottom: 5px; }
h6 { font-size: 12px; line-height: 14px; margin-bottom: 5px; }

Возможно, это не самые верные свойства с точки зрения типографики, так что не в качестве совета выложил, а дабы сравнить было с чем =) Если есть свое мнение как оформить заголовки лучше с радостью рассмотрел бы их в комментариях.

1 комментарий

avatar
Да, тоже переделывал, только у меня в шаблоне если line-height меньше 16 px, то титлы наезжали один на другой если заголовок длинный, например на две строки, а так же сверху срезались (только в IE и только на мониторе 17').
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.