html - ZURB Foundation - フォント サイズを変更するには?

Question

ZURB でフォントサイズを実装する方法について混乱しています。

次のページがあります。

ヘッダ：

[2 列][2 列][2 列][2 列][4 列]

主要：

[4 段][4 段][4 段]

デフォルトの font-size は 16px ですが、'Header' タイプは 21px にしたいと思います。ただし、Headerフォントサイズを変更すると、グリッドから抜け出します（行の幅に何らかの影響を与えていると思います）。

行幅に影響を与えずにヘッダーでタイプを大きくするにはどうすればよいですか?

ここで、問題を示す jsbinの例を作成しました。

Answer 1

正しいスコープを追加するだけです (div.columnsこの場合は div#nav の後に追加します):

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

SASS を使用している場合は、私の回答をご覧ください: Foundation zurb change font-size and full width