1

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

4

2 回答 2

0

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

另一种选择是在标签或它嵌套的任何标签内使用margin和。paddingp

我相信 WebKit 浏览器有一个非常漂亮的样式,-webkit-font-smoothing:antialiased;这有助于创建更平滑的字体。

如果您谈论的是字体的外观,而不是前导,您可能会遇到一个 IE 问题,其中 @face-font 导入非常“jagerdy”。

我经常遇到这个问题,尤其是使用浅色字体。您可以在兼容模式下对此进行检查,看看字体是否已修复。如果不是这种情况,那么只有您的字体才是问题所在。

于 2012-11-03T13:09:46.923 回答
0

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

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

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

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

ps:我知道 fontsquirrel 的许多替代品似乎用更少的选项做几乎相同的事情。但我不知道 fontforge 的任何合理替代方案。如果您知道任何替代方案,请随时发表评论。

于 2012-11-04T16:56:42.700 回答