Фонд ZURB - Как изменить размер шрифта?

Question

Я смущен о том, как реализовать размер шрифта в ZURB.

У меня есть страница с:

Заголовок:

[2-Col] [2-Col] [2-Col] [2-Col] [4-Col]

Главная:

[4-цв] [4-цв] [4-цв]

Размер шрифта по умолчанию - 16 пикселей, но я бы хотел, чтобы тип заголовка был 21px. Однако изменение размера шрифта Header заставляет его вырваться из сетки (я полагаю, что это влияет на ширину строки каким-то образом).

Как сделать тип больше в заголовке, не затрагивая ширину строки?

Я сделал example jsbin here, демонстрируя проблему.

Answer 1

Просто добавьте правильный объем (добавить div.columns в этом случае после сНу # СЧА):

div#nav div.columns { 
    font-size: 21px; 
} 

Если вы используете принять SASS взглянуть на мой ответ здесь: foundation zurb change font-size and full width