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

时间:2013-06-06 09:33:03

标签: css zurb-foundation

在Zurb Foundation 4框架中,h1,h2等的默认字体大小非常大,我们需要有小于此的页面标题和字幕。 但这里的最佳做法是什么? 覆盖每个h1,h2 ......元素的css,或者只是从h4和down使用?

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

我宁愿不必触摸每一个元素,以便按比例缩小所有尺寸。

但是如果我们使用h4而不是h1元素,我们不是会影响页面的SEO吗?

1 个答案:

答案 0 :(得分: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

相关问题