Уже готовую типографику (набор стилей CSS), можете взять и подключить с существующих CSS-фреймворков.
Например, возьмем
Blueprint CSS framework — в нем есть всё для построения готовых и семантичных шаблонов с готовыми наборами стилей для типографики, форм, и соответственно с корректным отображением под все браузеры.
В вашем примере, можете выбрать необходимый вам набор готовый стилей стилей
http://www.blueprintcss.org/tests/
Рабочий пример
Используемый набор CSS-правил
P.S.: данный CSS-фреймворк можно быстро и легко разжевать даже человеку, не имеющему предстваления о верстке в целом. Все есть на примерах и с документацией, правда зачастую на английском языке.