Html 呈现不同字体的最佳方式

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

在论坛和博客上，许多人说使用

@font-face

是最好的方法，其他人则使用Typekit或Cufon

我不喜欢这三个选项

字体面使我的字体呈颗粒状

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

Cufon使用画布

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

有没有一种方法可以使它不带纹理

---

截图：

Mac

窗口

---

你所说的“粒状”到底是什么意思？我只在旧版本的InternetExplorer中看到过这种情况，而且还有用于字体平滑的CSS属性

使用TypeKit使用

@font-face

，它只是以不同的方式加载。你也试过谷歌的webfonts吗

下面是一篇关于最佳使用方法的精彩文章：

---

你说的“颗粒状”到底是什么意思？我只在旧版本的InternetExplorer中看到过这种情况，而且还有用于字体平滑的CSS属性

使用TypeKit使用

@font-face

，它只是以不同的方式加载。你也试过谷歌的webfonts吗

下面是一篇关于最佳使用方法的精彩文章：

---

字体呈现取决于操作系统、操作系统中某些特定于字体的设置、浏览器和字体本身。字体越适合屏幕使用（暗示，…），其外观就越好。他们是不»这样做总是好的方式«，有太多的因素在起作用。在上面的图像中，您试图呈现非常细的字体，这总是有问题的，尤其是当字体提示错误和/或设置为小字体时。TypeKit和google webfonts等服务的优势在于，它们为您提供屏幕优化字体，因此，如果您自己不熟悉字体，您应该选择一些准备好的字体，或者如果字体太差，您可以自己优化字体。您还应该记住，并非所有字体都适合屏幕使用，我认为这可能是google和typekit不提供所有字体的原因之一

祝你好运

编辑：

一旦我忘了在windows上启用某种字体渲染选项，我想它就在某个地方：

leftclick computer>properties>performance

，但我不确定具体在哪里，我不再使用windows来查找它，但它的起点是»leftclick computer>properties«，它是关于字体的»抗锯齿»。在勾选方框后，它看起来好多了。在这种情况下，它也是一种薄字体

---

问候语…

字体呈现取决于操作系统、操作系统中某些特定于字体的设置、浏览器和字体本身。字体越适合屏幕使用（暗示，…），其外观就越好。他们是不»这样做总是好的方式«，有太多的因素在起作用。在上面的图像中，您试图呈现非常细的字体，这总是有问题的，尤其是当字体提示错误和/或设置为小字体时。TypeKit和google webfonts等服务的优势在于，它们为您提供屏幕优化字体，因此，如果您自己不熟悉字体，您应该选择一些准备好的字体，或者如果字体太差，您可以自己优化字体。您还应该记住，并非所有字体都适合屏幕使用，我认为这可能是google和typekit不提供所有字体的原因之一

祝你好运

编辑：

一旦我忘了在windows上启用某种字体渲染选项，我想它就在某个地方：

leftclick computer>properties>performance

，但我不确定具体在哪里，我不再使用windows来查找它，但它的起点是»leftclick computer>properties«，它是关于字体的»抗锯齿»。在勾选方框后，它看起来好多了。在这种情况下，它也是一种薄字体

---

您好……

您能添加一张图片来解释您所说的“粒状”是什么意思吗？我没有图片。但如果你看到任何使用它的网站，你会发现它是颗粒状的。似乎没有反别名。平方。。。以这个为例。在windows上非常粗糙，在Mac上没有。如何像在Mac上一样在windows上渲染它？在windows和Mac上制作一个屏幕截图，使用图像编辑器将它们粘贴在一起，以便我们可以看到效果。很可能，这是Windows上的错误首选项设置。看看你的问题。你能看到这两个截图之间的区别吗？我不能。你需要从屏幕截图中删除不重要的部分，只留下屏幕上显示你想显示给我们的部分。你能添加一张图片来解释你所说的“粒状”是什么意思吗？我没有图片。但如果你看到任何使用它的网站，你会发现它是颗粒状的。似乎没有反别名。平方。。。以这个为例。在windows上非常粗糙，在Mac上没有。如何像在Mac上一样在windows上渲染它？在windows和Mac上制作一个屏幕截图，使用图像编辑器将它们粘贴在一起，以便我们可以看到效果。很可能，这是Windows上的错误首选项设置。看看你的问题。你能看到这两个截图之间的区别吗？我不能。你需要从屏幕截图中删去不重要的部分，只留下屏幕上显示你想展示给我们的部分。在

之后的
？
是故意的吗？@Aarondigula:请阅读下面的文章。你会在那里看到
？
以及详细的解释。在
之后的
？
是故意的吗？@Aarondigula:请阅读位于的文章。您将在那里看到
？
以及详细的解释。
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot?') format('eot'), 
       url('GraublauWeb.woff') format('woff'), 
       url('GraublauWeb.ttf') format('truetype');
}