有什么方法可以让Susy自动更改字体大小？

Question

我第一次使用Susy并且觉得它很简单，但是它让我感到烦恼的是它会自动为我调整字体大小。我宁愿通过媒体查询来调整布局，因此Susy的字体大小变化有点令人沮丧。我一直在整个项目的ems中定义我的字体 - 使用px会有什么不同吗？我很感激一些指导！谢谢！

Answer 1

我不确定你看到了什么，但这与Susy无关。 Susy没有默认输出 - 因此除非您特别要求，否则它永远不会做任何事情。 Susy也没有包含字体大小的工具，所以Susy无法改变你的字体大小。

Answer 2

Susy没有任何默认样式，如bootstrap或foundation。一个好的做法是通过像Compass这样的东西重置所有样式，他们有一个重置mixin。当你有一个空白的平板开始定义字体的变量。这是我在项目中使用的方法。

$fontfamily: 'brandon-grotesque', 'Helvetica Neue', Helvetica, Arial, sans-serif;

$thin      : 200;
$normal    : 300;
$mid       : 500;
$bold      : 600;
$heavy     : 800;

$headFont  : $thin 1.5em/1.5em $fontfamily;
$mainFont  : $mid 1em/1.5em $fontfamily;

然后在你的sass中声明它们：

body {
  font: $mainFont;
}