使用带有css字体的自定义字体，在不同的浏览器上使用不同的字体

让我举几个例子：

Firefox 13：

Chrome（最新版本）：

正如你所看到的，在Firefox中，字体看起来更平滑，而在Chrome中，字体看起来更粗糙。我很好奇为什么会发生这种情况，以及我可以采取哪些步骤来平衡用户的体验

我使用的是.otf字体：

HelveticaNeueLTPro-LtCn.otf

并使用以下CSS规则应用此自定义字体：

@font-face {
    font-family: "Helvetica Neue LTPro";
    src: url("/Public/assets/fonts/HelveticaNeueLTPro-LtCn.otf");
}

a {
    color: #665548;                
    display: block;
    font-family: "Helvetica Neue LTPro";
    font-size: 15px;
    padding: 17px;                
}

---

你建议我用什么来消除字体差异？或者更好的是，使用“网络安全”字体的好方法是什么？是否存在这种情况？

这取决于浏览器如何解释字体。我从未真正使用过它，但有一个名为fontsquirrel的网站，它将使用一种字体，并将其分解为不同的字体扩展，以用于不同的浏览器。看看吧

不幸的是，你不能只接受任何字体，转换它，让它在所有浏览器中都能正常工作。如果你能，我很乐意，但你不能

要获得好的效果，最好的办法是使用字体交付服务，例如或，它提供的字体是为跨浏览器交付而设计的，因此有更好的机会一致地呈现。不过，浏览器和操作系统之间仍然可能存在细微的差异，这是web的本质

---

但在回答您的问题时，没有设置或变通方法可以使该字体保持一致。值得一提的是，我认为他们看起来都很好

请看这里：我不熟悉字体交付服务，例如Typekit。如果我使用它们，他们会给我的网站提供实际的可选择文本，还是通过他们的服务提供渲染图像？我需要知道搜索引擎优化服务。是的，他们肯定会。该文本将呈现在这个页面上的文本一样，它将是可选的，搜索引擎友好，也很好看。看看Elliot Jay Stocks的网站，这是一个很好的例子：谢谢你，我想我会朝这个方向走