【发布时间】：2011-05-19 11:26:48
【问题描述】：
所以我有一个字体，我最近在几个名为 Kondolar 的网站中加入了字体。这是一个可爱的字体，我实际上使用了 4 种字体权重，所以在我的样式表中实际上有 4 个 @font-face 定义，每个都有自己的 src 文件。
作为参考，这些网站是： http://joelglovier.com、http://blog.joelglovier.com（tumblr 的服务器）和http://hoverfx.com
所以我遇到的问题是这些字体中的标点符号浮动到文本行的中间，而不是在字体的基线处。我不认为这是字体本身的问题，原因有两个：
- 字体不显示这个 Photoshop、InDesign、 Illustrator 或任何其他软件 本地。
- 真正奇怪的是 在其中之一上有一个位置 那些没有问题的网站 发生：http://joelglovier.com in 最顶部的介绍副本 页面。
所以我倾向于相信这是我的样式的问题，但是在使用 Firebug 检查并查看所有应用的样式以及计算的样式之后，我就是看不出是什么原因造成的。
此外，有一点让我认为这可能是字体文件本身的问题（上面的第二点无法承受）：我有另一个@font-face 规则（是的，第 5 条）字体称为 League Gothic，但我在页面上没有看到与该字体实例相同的问题。
那么到底是什么导致了这个浮动标点符号呢？
*编辑：受影响的字符似乎是句点和冒号。问号、破折号和逗号似乎都与字体基线正确对齐。
*这是截图：http://www.cl.ly/6tLs
【问题讨论】：
-
在我的 FF4、IE8 和 Chrome11 中看起来不错。你用的是什么浏览器？
-
Chrome 11, FF4 在 OSX 上。你看到截图了吗？您看到的和屏幕截图中的不一样吗？
-
我检查了我在浏览器中看到的“Hassisburg”部分的屏幕截图，它在我的浏览器中看起来不错。我在电脑上。你在 Mac 上吗？另外，尝试卸载字体。您可能看到的是系统字体，而我看到的是网络字体。
标签： font-face css punctuation vertical-alignment