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字符的字体，其中将显示空格和hypen以显示一些非可视字符。

Firefox 3.6.3将所有内容显示为例外（除了空格和爆炸外，看起来与以前相同），但Safari（在Mac和Win上;版本4.0.5,5.0）会改变文本行的高度（或至少它看起来像或者填充/边距已经增加 - 但除了字体之外没有任何改变。）

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

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

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

Answer 1

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

Answer 2

如果您知道将要使用哪种字体，则重新制作字体以使指标更像其他字体可能更简单。