Text OS X和Windows之间的文本渲染是否会取消填充？

嘿，伙计们，我正在尝试用一个简单的背景色和填充物来设计客户文章h1的样式。我需要文本在填充中垂直和水平居中，但我发现OSX和Windows之间存在基线差异。至少这是我最好的猜测。以下是违规元素的具体代码：

.entry-title {
    color: #fff;
    background: #A3BCC3;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

.normal .entry-title {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
}

以下是截图：

OSX:

窗口：

你会注意到它在Windows上的渲染效果很好，但是在OSX上它的像素值太高了一些。它们在浏览器中的渲染效果是一样的，唯一的区别是不同的操作系统。字体为Quicksand Book，通过@font-face实现。如果您需要查看该网站的工作版本，请访问http://angryg.nom.es/rosebud。如果你真的想检查一下，你会注意到我在主页底部的静态内容页脚上也有同样的问题

---

无论如何，任何帮助都将不胜感激。

操作系统的默认字体是不同的，所以在css元素中添加一个字体系列：Arial。它应该在OSX和Windows中工作，因为两者都支持Arial。

操作系统的默认字体不同，所以在css元素中添加一个字体系列：Arial。它应该可以在OSX和Windows中使用，因为它们都支持Arial。

您需要为特定浏览器指定一个线条高度。根据我的经验，使用这种类型的属性：1.1等而不是指定像素效果更好

---

同样，在Mac中，Safari和Firefox之间，你会注意到线条高度的差异！因此，这不仅仅是OSX与Windows的对比。

您需要为特定浏览器指定一个线条高度。请痛苦地使用这种类型的属性：1.1等，而不是指定像素，根据我的经验，它工作得更好

---

同样，在Mac中，Safari和Firefox之间，你会注意到线条高度的差异！因此，这不仅仅是OSX与Windows的对比。

您的字体文件可能不正确。 我对本地安装的webfont也有同样的问题。

---

谢天谢地，与webfont相同的字体为我解决了这个问题。

您的字体文件可能不正确。 我对本地安装的webfont也有同样的问题。

---

谢天谢地，与webfont相同的字体为我解决了这个问题。

它可能受支持，但例如，在OSs和浏览器之间，行距的处理方式不同！：它可能是受支持的，但例如，在OSs和浏览器之间，行高度的处理方式是不同的！：