救命!我的@ font-face标点符号正在浮动?

时间:2011-05-19 11:26:49

标签: font-face css punctuation vertical-alignment

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

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

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

  1. 字体不显示此内容 Photoshop中的行为,InDesign, Illustrator或任何其他软件 本地。
  2. 真奇怪的是 其中一个位置 那些问题没有的网站 发生:http://joelglovier.com in 在最顶部的介绍副本 页面。
  3. 所以我倾向于相信这是我的风格问题,但在使用Firebug进行检查并查看所有应用的样式以及计算样式时,我只是看不出是什么导致它。

    此外,有一点会让我觉得这可能是字体文件本身的问题(上面的第二点不能承受):我有另一个@ font-face规则(是的,第5个)用于字体叫做League Gothic,我在页面上没有看到与该字体实例相同的问题。

    那究竟是什么导致这种浮动的标点符号?

    * 编辑:受影响的字符似乎是句号和冒号。问号,短划线和指令都显示与字体基线正确对齐。

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

1 个答案:

答案 0 :(得分:0)

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

我在我的Windows虚拟盒子上试过这个网站,正如评论者所说的那样,一切看起来都很好。