css - Firefox/Win 和 Safari/(Windows 和 Mac)之间渲染字体不一致

Question

我的页面头部有一个 css 定义，如下所示:

@font-face {
    font-family: "ownfont";src: url("../fonts/ownfont.ttf");
}

然后我给正文一个 css 类(点击按钮)，它改变了字体类型:

font-family: Verdana,Arial,Helvetica,sans-serif;

到

font-family: "ownfont",Verdana,Arial,Helvetica,sans-serif;

“ownfont”是一种 4 字符的字体，其中将显示空格和连字符以显示一些非可视字符。

Firefox 3.6.3 显示所有异常(exception)情况(除了空格和连字符外，看起来与以前相同)，但 Safari(在 Mac 和 Win 上；版本 4.0.5、5.0)更改了我的文本行的高度(或至少它看起来像那样或者好像增加了填充/边距 - 但除了字体之外没有任何改变)。

为什么这个字体设置在 firefox 和 safari 中产生不同的结果？

这里有没有办法强制两个浏览器的行为相同？

感谢任何帮助或建议 - 提前致谢

Answer 1

尝试在您的 css 中指定 line-height: 1ex;。