CSS中的@ font-face问题

Question

我在渲染@ font-face CSS和HTML时确实遇到了一些问题。 有趣的是，这些字体似乎正在加载，但是它们在页面上看起来很模糊，然后在Safari中，它们比其他浏览器要暗得多。 我对事情的进展感到非常失望！

我选择实现的这些方法是从CSS Tricks网站（http://css-tricks.com/snippets/css/using-font-face/）获得的，该资源非常有用。 它仍然无法正常工作，并且使用任何其他浏览器查看任何其他网站都没有问题。

我已经在Windows 7中检查了Cleartype字体，并且可以使用。 我假设我的标头CSS很好，因为字体正在渲染，所以我希望它是语法问题或一些简单的问题。 可能也是因为我使用的是HTML 5？

这是我的测试域中的页面： http ://www.richmindonline.com/sampleconversion2.html

我当时有概率在这里发布代码。 没有CSS文件，样式为内部和内联。

Answer 1

您使用的字体太细了。 另外，不同的浏览器将呈现不同的HTML。 一些较旧的计算机甚至不进行抗锯齿。 顺便说一句，该链接中的文本没有启用抗锯齿功能，实际上让我感到很奇怪。

使用@font-face时要记住的事情：

1. 许多不同的字体可能看起来不错，但下载页面所需的时间更长，因为还必须呈现字体。
2. 较旧的浏览器将不支持@font-face （尤其是当心IE）。
3. 在设计字体时要牢记字体和大小，以防字体出现故障时使用。

根据经验，我总是从一种标准字体中进行选择。 他们还不错。