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

Question

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

我有一个页面：

部首：

  

[2-COL] [2-COL] [2-COL] [2-COL] [4-COL]

主：

  

[4-COL] [4-COL] [4-COL]

默认字体大小为16px，但我希望'Header'类型为21px。但是，更改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