基础 zurb 更改字体大小和全宽答案

【问题标题】：foundation zurb change font-size and full width基础 zurb 更改字体大小和全宽
【发布时间】：2013-11-11 05:53:12
【问题描述】：

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

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

我已尝试更改字体大小。

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

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

【问题讨论】：

标签： zurb-foundation

【解决方案1】：

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

那么答案就在documentation：

/* 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"; 之后调用它git 已过时 - 但我不得不使用 emCalc(#px) - 即：emCalc(2000px);

【讨论】：

【解决方案2】：

这是当前的一个问题，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

【讨论】：