0

所以我有一种字体,我最近在几个名为 Kondolar 的网站中加入了字体。这是一个可爱的字体,我实际上使用了 4 种字体权重,所以在我的样式表中实际上有 4 个 @font-face 定义,每个都有自己的 src 文件。

作为参考,这些网站是: http: //joelglovier.com、http : //blog.joelglovier.com(tumblr 的服务器)和http://hoverfx.com

所以我遇到的问题是这些字体中的标点符号浮动到文本行的中间,而不是在字体的基线处。我不认为这是字体本身的问题,原因有两个:

  1. 该字体不会在 Photoshop、InDesign、Illustrator 或任何其他本地软件中显示此行为。
  2. 真正奇怪的是,在其中一个没有发生问题的站点上有一个位置:页面顶部的介绍副本中的http://joelglovier.com 。

所以我倾向于相信这是我的样式的问题,但是在使用 Firebug 检查并查看所有应用的样式以及计算的样式之后,我就是看不出是什么原因造成的。

此外,有一点让我认为这可能是字体文件本身的问题(上面的第 2 点无法承受):对于名为 League Gothic 的字体,我有另一个 @font-face 规则(是的,第 5 条) ,并且我在页面上没有看到与该字体实例相同的问题。

那么到底是什么导致了这个浮动标点符号呢?

*编辑:看来受影响的字符是句号和冒号。问号、破折号和逗号似乎都与字体基线正确对齐。

*这是截图:http ://www.cl.ly/6tLs

4

1 回答 1

0

看起来尼克建议我的样式表必须调用字体的本地副本。

我在我的 Windows 虚拟框中尝试了该站点,正如评论者所说的那样,一切看起来都很好。

于 2011-06-17T00:46:52.003 回答