渲染不同字体的最佳方法

Question

我正在寻找在网站内实现字体的最佳做法，但我仍然没有找到真正的答案。

在论坛和博客上，很多人都说使用@font-face是最好的方式，其他人使用 Typekit 或 Cufon 。

我不喜欢这3个选项。

Font-face 让我的字体变得粗糙。

Typekit 不是免费软件，也没有我想要使用的所有字体。

Cufon 使用画布。

还有其他实现字体的方法吗？

有一种方法可以渲染它没有颗粒吗？

---

截图：

苹果

窗

Answer 1

字体渲染取决于操作系统，操作系统中的一些字体特定设置，浏览器和字体本身。为屏幕使用准备的字体越好（提示，......），它看起来越好。他们不是“这样做，它总是好的方式”，有太多的因素发挥作用。在上面的图像中，您尝试渲染非常薄的字体，这总是有问题的，特别是如果字体被严重暗示和/或设置为小尺寸。 TypeKit和google webfonts等服务的优势在于它们为您提供屏幕优化字体，因此如果您不熟悉字体本身，您应该更喜欢一些准备好的字体，或者如果它太糟糕就自己优化字体。您还应该记住，并非所有字体都适合屏幕使用，我认为这可能是google和typekit不提供所有字体的原因之一。

祝你好运......

修改

一旦我忘记在Windows上启用某种字体渲染选项，我认为它在某处：leftclick computer > properties > performance，但我不知道究竟在哪里，我不再使用Windows来找到它，但是开始于»leftclick computer＆gt;属性«它是关于字体的“抗锯齿”。打勾后，它看起来好多了。在这种情况下，它也是一个很薄的字体......

...问候

Answer 2

'粒状'究竟是什么意思？我只在旧版本的Internet Explorer中看到过，并且有字体平滑的CSS属性。

使用TypeKit使用@font-face，它只是以不同的方式加载。您是否也尝试过Google的网页字体？

以下是关于最佳使用方法的精彩文章：http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot?') format('eot'), 
       url('GraublauWeb.woff') format('woff'), 
       url('GraublauWeb.ttf') format('truetype');
}