所以我有一种字体,我最近在几个名为 Kondolar 的网站中加入了字体。这是一个可爱的字体,我实际上使用了 4 种字体权重,所以在我的样式表中实际上有 4 个 @font-face 定义,每个都有自己的 src 文件。
作为参考,这些网站是: http: //joelglovier.com、http : //blog.joelglovier.com(tumblr 的服务器)和http://hoverfx.com
所以我遇到的问题是这些字体中的标点符号浮动到文本行的中间,而不是在字体的基线处。我不认为这是字体本身的问题,原因有两个:
- 该字体不会在 Photoshop、InDesign、Illustrator 或任何其他本地软件中显示此行为。
- 真正奇怪的是,在其中一个没有发生问题的站点上有一个位置:页面顶部的介绍副本中的http://joelglovier.com 。
所以我倾向于相信这是我的样式的问题,但是在使用 Firebug 检查并查看所有应用的样式以及计算的样式之后,我就是看不出是什么原因造成的。
此外,有一点让我认为这可能是字体文件本身的问题(上面的第 2 点无法承受):对于名为 League Gothic 的字体,我有另一个 @font-face 规则(是的,第 5 条) ,并且我在页面上没有看到与该字体实例相同的问题。
那么到底是什么导致了这个浮动标点符号呢?
*编辑:看来受影响的字符是句号和冒号。问号、破折号和逗号似乎都与字体基线正确对齐。
*这是截图:http ://www.cl.ly/6tLs