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

Question

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

我有一个页面：

标题：

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

主要的：

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

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

如何在不影响行宽的情况下使标题中的类型更大？

我在这里做了一个示例 jsbin 来演示这个问题。

Answer 1

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

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

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