12

我见过一些网站使用@font-face但它们看起来令人毛骨悚然且没有抗锯齿，但其他一些网站使用一些质量非常高的字体，我不知道他们使用的是 OTF 还是 TTF 或 SVG 或者究竟是什么，这是一个例子。

我已经查看了它们的来源，但有 4 种字体类型，我无法弄清楚使用的是哪一种。

谢谢

4

5 回答 5

11

影响字体显示质量的三个因素：

  1. 字体质量。 有些字体制作不好，有些缺少字符，有些有连字问题，等等。我建议在提交之前在所有浏览器上测试字体。
  2. 字体的浏览器渲染。Chrome、Safari、FF 和 IE 显示不同的渲染字体。
  3. 浏览器可读取的格式：每种格式也只能读取有限数量的格式。（EOT 用于 IE，TT 用于几乎所有其他东西，包括 FF，还有更多）。

总之：网络字体仍然是一种黑暗而神秘的艺术。总是会有细微的差别。找到一个构建良好的字体，并在你的目标浏览器中测试它。我认为我们仍处于试错阶段@font-face，但在此过程中有很好的资源可以提供帮助。

于 2010-11-27T20:25:45.177 回答
1

如果您想在 Web 上使用特殊字体，那么格式选择几乎是由浏览器为您提供的，您需要 EOT、WOFF、TTF 和 SVG 都可用。

像FontSquirrel这样的网站将提供指导以及字体文件本身。

于 2010-11-27T18:12:36.090 回答
1

字体质量很大程度上取决于字体的转换方式。您可以选择删除影响抗锯齿和质量的东西，例如字距调整，以节省许多人所做的文件大小。外观越好，尺寸越大。另一个影响字体的因素是主机操作系统。他们有一定的方式来做可以影响字体呈现方式的事情。

此外，这只是一种随机，但您可以将其放入您的代码中：

text-shadow: transparent 0 0 1px;

它将改进抗锯齿，尽管目前仅在 Google Chrome 中。

于 2010-11-27T18:21:58.497 回答
1

在 Windows 中，使用 @font-face 的嵌入式字体在ClearType ON的情况下会渲染得非常糟糕。

试试这个激进的实验：关闭ClearType，然后重新检查字体渲染。

虽然这似乎没有意义（应该会发生相反的情况），但您应该会发现字体现在看起来流畅自然。

这发生在我身上，如有必要，我可以提供证据。相同的网页将在 Linux、Mac 等中正常呈现，而无需进行任何此类操作系统级别的修补。耶窗户。

我仍在尝试确定解决此问题的方法，因为显然您不能要求所有查看您网站的使用 Windows 的人关闭 ClearType，以便您的字体看起来不错。

于 2010-11-29T03:29:41.407 回答
0

在制作网站时，我在各种浏览器上对复杂字体进行了一些实验。我发现，无论格式如何，Firefox 和 Chrome 都无法很好地呈现字体。无论如何，IE仅限于eot。令人惊讶的是，Opera 做得最好。坦率地说，改变格式并没有太大的不同。总的来说，我认为浏览器在渲染复杂、错综复杂的字体方面还有很长的路要走。

于 2010-11-28T13:27:21.170 回答