ZURB Foundation - 如何更改字体大小？

Question

我对如何在 ZURB 中实现字体大小感到困惑。

我有一个页面：

标题：

[2-col][2-col][2-col][2-col][4-col]

主要：

[4-col][4-col][4-col]

默认字体大小为 16 像素，但我希望“标题”类型为 21 像素。但是，更改 Header 字体大小会导致它脱离网格（我想它会以某种方式影响行的宽度）。

如何在不影响行宽的情况下让表头的字体变大？

我已发送example jsbin here 来演示该问题。

Answer 1

只需添加正确的范围（在这种情况下，在 div#nav 之后添加div.columns）：

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

如果您使用 SASS，请在此处查看我的答案： foundation zurb change font-size and full width