非网络字体的这种出色的抗锯齿效果是如何实现的？

Question

这是困扰我已久的问题，我一直找不到答案。经常在浏览网站时，我看到非网络字体上放置了抗锯齿，我真的想知道它是如何实现的。

以下是几个使用示例： Fireball Design Shopify Partners (Header text) 如果有人知道如何实现这个功能并能告诉我，我将非常感激。我已经在各处搜索了教程甚至一些帖子，但除了使用Adobe Flash sIFR（这不是我要找的，因为这些都是没有使用它实现的）之外，没有找到任何东西。

- Fireworksable

---

在这里，任何应用程序和网页中的每个字形都是抗锯齿的。问题在哪里？我不明白为什么非 Web 字体不能使用这种方法。 :/ - user142019

Answer 1

你的“fantastic anti-aliasing”只是一个文本阴影！看一下第一个页面的源代码，text-shadow: rgba(255, 254, 255, 0.24) 1px 1px 2px;。

此外，这些字体为什么不是“Web字体”，有什么区别？为什么要区分呢？

- Eric

---

网页字体往往在不需要抗锯齿的情况下呈现得更好/更清晰。我通常认为网页字体包括Arial、Georgia、Helvetica、Times New Roman、Trebuchet MS、Tahoma、Verdana等。无论如何，非常感谢您回答我的问题，非常非常非常感激：）。 - Fireworksable

确实是个好答案（@Fireworksable，你应该考虑接受它作为答案；） - Jeroen

@Fireworksable：所以你对“Web字体”的定义是“在网页上看起来好看的字体”，而不是“存储在网页上的字体”。 - Eric

我曾经认为Arial、Georgia、Helvetica等字体是从访问者的本地驱动器中提取的，因此它们最常被使用（因为它们不需要通过@font-face导入），因此它们是Web/网络安全字体，但也许我错了，这不是它们的工作方式。因此，为了澄清，我的Web字体定义不仅仅是在Web上看起来好的字体，而是Arial、Georgia、Helvetica、Times New Roman等字体系列中的字体-通常情况下它们呈现良好/完全可读，无需改善反锯齿。 - Fireworksable

Answer 2

现在有很多网络字体解决方案。请查看此比较表以获取概述：http://socialcompare.com/en/comparison/comparison-of-web-fonts-solutions - 在那里您还可以找到每个解决方案的简要描述。

您提到的网站都使用Typekit - 您可以在http://typekit.com/上找到它。

- vlad saling