基础CSS字体大小调整最佳实践？

Question

Zurb Foundation 4框架中的默认字体大小很大，我们需要更小的页面标题和副标题。

但是这里有什么最佳实践呢？
覆盖每个h1、h2...元素的css，还是直接使用从h4开始的元素？

我已经阅读过调整html/body元素的通用字体大小不是一个好的解决方案， http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/

而且我宁愿不必触摸每个单独的元素，以便将尺寸按比例缩小。

但如果我们使用h4代替h1元素，难道我们不会影响页面的SEO吗？

- dgivoni

---

我认为更改标题的 font-size 没有任何问题。 - George

如果你有时间，我建议你花点时间安装 SCSS（Sass + Compass）版本的 Foundation。它附带了一个设置文件，其中包含许多变量，使您可以快速自定义这些基本设置。（文档->http://foundation.zurb.com/docs/sass.html）。 - Marijke Luttekes

@dgivoni，我不明白为什么只有标题大小需要更改，你为什么要更改所有字体大小。 - Mr Lister

Lister先生>如果我的问题不够清楚，我很抱歉，但我需要缩小所有的尺寸，包括普通的尺寸。 - dgivoni

Marijke Luttekes：感谢您提供的 Saas/Compass 建议，我们采用了这种方法，似乎这是基于 Foundation 调整基础尺寸等方面最好、最快捷的方式。 - dgivoni

Answer 1

请查看这些Sass变量并进行相应调整。

$h1-font-size: emCalc(44px);
$h2-font-size: emCalc(37px);
$h3-font-size: emCalc(27px);
$h4-font-size: emCalc(23px);
$h5-font-size: emCalc(18px);
$h6-font-size: 1em;

他们非常好地记录了这个。

http://foundation.zurb.com/docs/components/type.html

- HP.