css - 有什么方法可以防止 Susy 自动更改字体大小？

Question

我第一次使用 Susy 并且喜欢它的简单性，但它会自动为我调整字体大小，这让我很困扰。我宁愿通过媒体查询来调整布局，所以 Susy 的字体大小变化有点令人沮丧。在整个项目中，我一直在 ems 中定义我的字体——使用 px 会有什么不同吗？我会很感激一些指导！谢谢！

Answer 1

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

Answer 2

Susy 没有任何默认样式，例如引导程序或基础样式。一个好的做法是通过 Compass 之类的东西来重置所有样式，它们有一个 reset 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;
}