1

最近转换为 RoR 并且我一直在使用Compass w/Blueprint进入众所周知的池中。Compass 非常棒，但我在 Typography 库中遇到了一些奇怪的东西。

blueprint-typography-body mixin包含以下内容：

=blueprint-typography-body($font-size: $blueprint-font-size)
  line-height: 1.5
  +normal-text
  font-size: 100% * $font-size / 16px

我的问题围绕着“字体大小”。我有点迷茫，因为我希望传递字体大小并在页面加载时反映该大小。但是，在这种情况下，公式似乎规定了默认字体的百分比。

IE：

+blueprint-typography-body(10px) //produces 7.5px off of the default font size of 12px from what I can tell.

本质上，我很好奇 Compass 中是否有设置字体大小的标准，而不是明确声明“font-size: 10px”。

注意：我倾向于 Blueprint/Compass 字体样式的原因是行高、字体和颜色的标准化。

4

2 回答 2

1

老实说，蓝图排版的指南针端口还不是完全可配置的。所以改变这个默认值可能不会给你一个正确的字体节奏。

但是，susy 的下一个版本有一个完全可配置的垂直节奏模块，我帮助构建了它，它非常好。

苏西

垂直节奏模块

于 2010-05-16T14:37:45.227 回答
0

只需阅读关于Compass 文档的讨论（Julio Antúnez 的评论），您可以像这样调整字体大小：

@import "compass/typography"

$base-font-size:   14px
$base-line-height: 21px

header h1
  +adjust-font-size-to(18px)

不确定这是推荐的方式，但它对我有用。我刚开始使用 Compass & Blueprint，所以上面可能会导致其他地方出现问题。

于 2011-11-07T12:34:47.990 回答