我的页面头部有一个 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 中产生不同的结果?
这里有没有办法强制两个浏览器的行为相同?
感谢任何帮助或建议 - 提前致谢
最佳答案
尝试在您的 css 中指定 line-height: 1ex;
。
关于css - Firefox/Win 和 Safari/(Windows 和 Mac)之间渲染字体不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3059905/