渲染不同字体的最佳方式答案

【问题标题】：Best way to render different fonts渲染不同字体的最佳方式
【发布时间】：2012-10-08 15:42:49
【问题描述】：

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

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

我不喜欢这 3 个选项。

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

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

Cufon 使用画布。

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

有没有无颗粒渲染的方法？

截图：

苹果机

Windows

【问题讨论】：

你能添加一张图片来解释你所说的“颗粒状”是什么意思吗？
我没有图片。但是，如果您看到任何使用它的网站，您会看到它有颗粒感。似乎没有抗锯齿。平方...
以 startupsthisishowdesignworks.com 为例。在 Windows 上非常颗粒状，在 Mac 上没有。如何在 Mac 等 Windows 上渲染？
在Windows和Mac上截屏，用图片编辑器把它们贴在一起，这样我们就可以看到效果了。很有可能，这是 Windows 上的一个有问题的首选项设置。
看看你的问题。你能看出两张截图之间的区别吗？我不能。您需要从屏幕截图中删除不重要的部分，只留下屏幕中显示您想要展示给我们的部分。

标签： html css fonts

【解决方案1】：

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

祝你好运……

编辑：

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

你好……

【讨论】：

【解决方案2】：

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

使用 TypeKit 使用 @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');
}

【讨论】：

? 后面的.eot 是故意的吗？
@AaronDigulla：请阅读the link 上的文章。您还会在此处看到 ? 以及详细说明。