html - 渲染不同字体的最佳方式

Question

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

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

我不喜欢这三个选项。

Font-face使我的字体呈颗粒状。

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

Cufon使用帆布。

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

有没有办法在没有颗粒的情况下渲染它？

---

截图：

苹果电脑

视窗

Answer 1

字体渲染取决于操作系统、操作系统中的某些字体特定设置、浏览器和字体本身。字体为屏幕使用（提示，...）准备得越好，它看起来就越好。他们不是“这样做，它总是很好的方式”，有太多的因素在起作用。在上面的图像中，您尝试渲染非常细的字体，这总是有问题的，特别是如果字体被错误地暗示和/或设置为小尺寸。TypeKit 和 google webfonts 等服务的优势在于它们为您提供屏幕优化字体，因此如果您对字体本身不熟悉，您应该更喜欢一些准备好的字体，或者如果字体太糟糕，请自行优化字体。

祝你好运……</p>

编辑：

一旦我忘记在windows上启用某种字体渲染选项，我认为它在某个地方：leftclick computer > properties > performance，但我不确定到底在哪里，我不再使用windows来找到它，但开始是在»leftclick计算机>属性« 它是关于字体的“抗锯齿”。勾选方框后，它看起来好多了。在这种情况下，它也是一种细字体……</p>

问候……</p>

Answer 2

你所说的“粒状”到底是什么意思？我只在旧版本的 Internet Explorer 中看到过，并且有用于字体平滑的 CSS 属性。

使用 TypeKit uses @font-face，它只是以不同的方式加载。你也试过谷歌的网络字体吗？

这是一篇关于最佳使用方法的精彩文章：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');
}