代码之家  ›  专栏  ›  技术社区  ›  Alexis Abril

蓝图印刷体([$FONT SIZE])的正确用法是什么?

  •  1
  • Alexis Abril  · 技术社区  · 16 年前

    最近转换为ror,我一直在使用 Compass w/ Blueprint 泡在众所周知的水池里。指南针很神奇,但我在排版库里发现了一些奇怪的东西。

    这个 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.
    

    本质上,我很好奇是否有一个标准可以在指南针中设置字体大小,而不是明确声明“字体大小:10px”。

    注意:我倾向于蓝图/指南针字体样式是因为线条高度、字体和颜色的标准化。

    2 回复  |  直到 14 年前
        1
  •  1
  •   chriseppstein    16 年前

    老实说,蓝图排版的指南针端口还没有完全配置。因此,更改默认值可能不会给您提供适当的字体节奏。

    然而,Susy的下一个版本有一个完全可配置的垂直节奏模块,我帮助构建了这个模块,它非常好。

    Susy

    Vertical Rhythm Module

        2
  •  0
  •   Lenart    14 年前

    刚刚在讨论中读到 Compass documentation (Julio Ant_:Nez的评论)您可以这样调整字体大小:

    @import "compass/typography"
    
    $base-font-size:   14px
    $base-line-height: 21px
    
    header h1
      +adjust-font-size-to(18px)
    

    不确定这是推荐的方法,但它对我有用。我刚开始使用指南针和蓝图,所以上面可能会在其他地方引起问题。