css - 是否可以创建特定于 Mac OS 的 CSS 来修复字体差异？

Question

我正在与一位设计师合作进行一个元素，他坚持为页面中的标题和各种元素使用某种特定字体。所以我们使用字体套件嵌入@font-face。

它在 PC(Firefox、IE 7 和 8、Chrome、Safari)上运行良好，但在 Mac OS(Safari 和 Firefox)上，字体垂直对齐方式不同。在网上查看后，除了“浏览器和平台之间始终存在差异，接受它”之外，我没有找到任何解决方案。

我知道字体永远不会在不同平台上呈现完全相同，但这次不是字体看起来更粗或类似的东西。 Windows 和 Mac OS X 的字体看起来好像是完全不同的基线。在 Mac OS 上，字体大小为 16px，比 PC 上的字体高 3px。

所以我正在寻找一个备份解决方案:有没有办法专门为 Mac OS 用户创建一个 CSS？我不想只针对 Safari，因为 Safari PC 可以，而 Firefox Mac 不行。

或者，如果您有不需要特定 CSS 文件来修复基线差异的解决方案，我将很乐意听到。

谢谢!

Answer 1

恐怕浏览器/操作系统嗅探是您唯一的选择。 CSS 本身不了解操作系统，我也从未听说过专门针对 osx 的 css hack。

这是我检测 OSX 并将 OSX 类添加到文档主体的最简单方法，因此您可以专门为 OSX 覆盖 css 样式。

if(navigator.platform.match('Mac') !== null) {
    document.body.setAttribute('class', 'OSX');
}