是否可以调整字体的前导?

时间:2012-11-03 13:03:03

标签: fonts font-face webfonts

我使用的是一种字体,由于某种原因,与其他字体相比,浮动在基线之上。我想将它转换为webfont并使用@ font-face嵌入它但我需要一种方法来修复字体,或以某种方式纠正CSS的奇怪前导。这可能吗?

2 个答案:

答案 0 :(得分:0)

您可以在CSS中更改字体前导的唯一方法是使用line-height:12px;设置为字体大小的默认值(具体取决于您是否还更改了CSS中的font-size。可以进入负号,但我不确定这看起来是否有用!

另一种选择是在margin标记中使用paddingp或嵌套在其中的任何标记。

我相信WebKit浏览器具有非常漂亮的样式,-webkit-font-smoothing:antialiased;有助于创建更流畅的字体。

如果你在谈论字体的外观,而不是领先,你可能会遇到一个IE问题,@ face-font导入非常'jagerdy'。

我经常遇到这个问题,特别是使用轻字体。您可以在兼容模式下检查这一点,看看字体是否已修复。如果不是这种情况,那么只有你的字体才是问题。

答案 1 :(得分:0)

我在原始问题中有点误,因为我是从cufon.js转换为使用@ font-face。由于cufon渲染(不是实际的字体或css),渲染有点古怪。然而,在弄清楚这一点的过程中,我想我想出了有用的答案:

  1. 要对实际字体进行调整,此作业的首选(开源)工具似乎是:fontforge。界面很笨重,但如果你能弄清楚如何使用它,它是一个强大的工具。较新的Mac需要安装XQuartz(或其他X11环境)才能运行它。

  2. 至于对css / webfont的调整,font squirrel似乎提供了功能最强大的生成器,具有最多可自定义的选项,例如ex-height匹配和字符子集,以及一堆其他高级选项这是我的头脑。缺点是许多字体代工厂已要求将其字体列入黑名单,因此出于版权原因,生成器不会转换它们。

  3. 在这两个工具之间,以及对css3字体样式的熟悉,你今天应该为网络排版做好准备。

    ps:我知道很多替代fontsquirrel的东西似乎与更少的选项做同样的事情。但我不知道fontforge有任何合理的替代方案。如果你知道的话,请随意评论。