0

让我举几个例子：

火狐 13：

在此处输入图像描述

铬（最新）：

在此处输入图像描述

如您所见，在 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;                
}

你建议我用什么来消除字体差异？或者更好的是，使用“Web 安全”字体的好方法是什么？这样的事情存在吗？

4

2 回答 2

1

不幸的是，您不能只采用任何字体，对其进行转换并使其在所有浏览器中都能正常工作。如果可以，我会喜欢它，但你不能。

获得良好结果的最佳选择是使用字体交付服务，例如typekit或fontdeck，它们提供的字体专为跨浏览器交付而设计，因此有更好的一致性呈现机会。尽管如此，您仍然可能会在浏览器和操作系统之间获得微小的变化，这就是网络的本质。

但具体回答您的问题时，没有设置或解决方法可以使该字体始终显示。对于它的价值，我认为他们看起来都很好。

于 2012-07-04T23:05:21.273 回答
0

这仅取决于浏览器如何解释字体。我从来没有真正使用过它，但是有一个名为 fontsquirrel 的网站会采用一种字体并将其分解为不同的字体扩展名，以供不同的浏览器使用。一探究竟。http://www.fontsquirrel.com/

于 2012-07-04T16:01:58.050 回答