1

我将 Foundation 4 与 SASS 一起使用。但我真的找不到如何更改默认字体大小。对于我的语言，默认字体大小太大。

我试图改变一些部分。如您所知，它也与全角相关。首先我改变了全宽尺寸：$row-width: em-calc(1200) 1000 到 1200。我需要更宽。改变全角是正确的方法吗？

我试图改变字体大小。

$base-font-size: 100% !default;
$em-base: 16px !default;

当我改变这些。它是相关的全宽。那么如何更改字体大小和全角？如果你有 sass，请让我知道我需要修改哪个文件。

4

2 回答 2

1

不是 100% 清楚你在你的问题中要求什么，但我希望我做对了 - 你想知道如何在不改变网格大小的情况下更改字体吗？

然后可以在文档中找到答案：

/* Since the typical default browser font-size is 16px, that makes the calculation for grid size. */
/* If you want your base font-size to be a different size and not have it effect grid size too, */
/* set the value of $em-base to $base-font-size ($em-base: $base-font-size;) */
$em-base: 16px !default;

所以基本上只是设置：

@import "foundation/variables";
$base-font-size: 4px;
$em-base: $base-font-size;

将 em-base 改回默认值，您会看到网格也相应更改为 $base-font-size。您还可以通过设置行宽来做正确的事情。

如果您在使 SASS 函数 em-calc() 工作时遇到问题，请确保在@import "foundation/variables";我不知道文档中为什么使用 em-calc() 之后调用它，也许git上的源代码已过时 - 但是我不得不使用 emCalc(#px) - 即：emCalc(2000px);

于 2013-10-10T10:46:42.787 回答
0

这是当前的一个问题，Github repo。在新版本中修复之前，这会在不更改网格的情况下更改字体大小。

$base-font-size: 120% !default; // pixels to percent
body { font-size: $base-font-size; } // set the body font size to $base-font-size variable
于 2013-11-10T21:53:12.623 回答