Firefox 为什么Verdana在不同操作系统（如Windows和OSX）上的不同浏览器中呈现不同？

我发现Chrome与OS X上的Firefox不一样。 例如，应用以下CSS规则进行比较：

font-family:verdana;
font-size:12px;
line-height:auto;

此图显示了每个操作系统（Mac OS X 10.8、Windows 7）上浏览器（Chrome 22、Firefox 14）之间的差异

下面是相应的游戏：

正文{
字体系列：verdana；
字体大小：12px；
线高：自动；
}
.横幅{
背景：#E2；
文字装饰：无；
颜色：黑色；
}
.固定{
线高：15px；
}

威尔达纳

1.）线路高度：自动


2.）线路高度：15px

只需使线条高度等于包装的高度即可。这将使文本垂直居中

.button {
   height:20px;
   line-height:20px;
}

---

只要使线的高度等于包装纸的高度即可。这将使文本垂直居中

.button {
   height:20px;
   line-height:20px;
}

---

是的，我在OSX Safari中也遇到过类似的渲染问题。应用特定的线高度会有所帮助。但是，字体呈现在不同的浏览器中可能略有不同。TrueType字体的光栅化可以使用不同的抗锯齿方法，从而导致字符的位置略有不同。例如，IE10甚至使用硬件加速来渲染字体。另外，如果你想让它在所有平台上都好看，我建议不要使用Verdana字体，它是Microsoft的专有字体-这也可能会导致其他平台上的外观不同。设置行高不起作用，请参阅。这是字体的基线，对齐不好。我希望我不能使用Verdana，但这是没有选择的，因为我们的CI准则。是的，我在OS X Safari中有过类似的渲染问题。应用特定的线高度会有所帮助。但是，字体呈现在不同的浏览器中可能略有不同。TrueType字体的光栅化可以使用不同的抗锯齿方法，从而导致字符的位置略有不同。例如，IE10甚至使用硬件加速来渲染字体。另外，如果你想让它在所有平台上都好看，我建议不要使用Verdana字体，它是Microsoft的专有字体-这也可能会导致其他平台上的外观不同。设置行高不起作用，请参阅。这是字体的基线，对齐不好。我希望我不能使用Verdana，但这是没有选择的，因为我们的CI指南。