font-face - 帮助!我的@font-face 标点符号飘起来了?

标签 font-face css punctuation vertical-alignment

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

作为引用,这些站点是: http://joelglovier.com , http://blog.joelglovier.com (tumblr 的服务器)和 http://hoverfx.com

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

  1. 字体不显示这个 在 Photoshop、InDesign、 Illustrator 或任何其他软件 本地。
  2. 真正奇怪的是 其中一个上有一个位置 那些没有问题的网站 发生: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/

相关文章:

jquery - 我需要在我的 html 页面中链接什么 jQuery 脚本才能使以下代码正常工作?

javascript - 如何在包括标点符号和特殊字符的范围内包装字母?

python - 仅当它是最后一个字符时如何去除标点符号

css - CSS 中的 @font-face...可以吗?

html - 字体不渲染?

html - 内容未将页脚向下推

perl - 为什么在没有粗逗号和严格的 `use` 行上允许使用前导连字符选项?

css - 是否可以使字体粗细为 : bold equal to 500 instead of 700?

css - Safari 中字体粗细的@font-face 问题

javascript - 水平对齐拇指