所以我有一个字体,我最近在几个网站上使用了它,叫做 Kondolar。这是一种可爱的字体,我实际上使用了 4 种字体粗细,所以在我的样式表中实际上有 4 个 @font-face 定义,每个定义都有自己的 src 文件。
作为引用,这些站点是: http://joelglovier.com , http://blog.joelglovier.com (tumblr 的服务器)和 http://hoverfx.com
所以我遇到的问题是这些字体中的标点符号 float 到文本行的中间,而不是字体的基线。我认为这不是字体本身的问题,原因有二:
- 字体不显示这个 在 Photoshop、InDesign、 Illustrator 或任何其他软件 本地。
- 真正奇怪的是 其中一个上有一个位置 那些没有问题的网站 发生:http://joelglovier.com在 最顶部的介绍副本 页面。
所以我倾向于认为这是我的样式问题,但在使用 Firebug 检查并查看所有应用样式以及计算样式之后,我只是看不出是什么导致了它。
此外,有一点会让我认为这可能是字体文件本身的问题(上面的第二点不成立):我有另一个@font-face 规则(是的,第 5 个)用于字体称为 League Gothic,我在页面上没有看到与该字体实例相同的问题。
那么到底是什么导致了这个 float 的标点符号?
*编辑:看来受影响的字符是句点和冒号。问号、破折号和命令似乎都与字体基线正确对齐。
*这是一个截图:http://www.cl.ly/6tLs
最佳答案
Nick 建议我的样式表必须调用字体的本地副本。
我在我的 Windows Virtual Box 上试用了该网站,正如问题评论者所说,一切看起来都很好。
关于font-face - 帮助!我的@font-face 标点符号飘起来了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6057902/