Html @CSS中的字体问题

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

我选择实现的方法是从CSS技巧网站获得的(http://css-tricks.com/snippets/css/using-font-face/)这是一个巨大的资源。它仍然不能正常工作，而且我用其他浏览器浏览任何其他网站都不会有问题

我已经在Windows7中检查了Cleartype字体，它可以正常工作。我假设我的头CSS是好的，因为字体是渲染的，所以我希望这是一个语法问题或简单的东西。也许这也是因为我用的是HTML5

以下是我的testdomain页面：

---

我在这里发布代码时遇到了麻烦。没有CSS文件，样式是内部和内联的。

您使用的字体太薄了。此外，不同的浏览器呈现HTML的方式也不同。一些旧电脑甚至不做反走样。顺便说一下，该链接中的文本没有启用抗锯齿功能，实际上读它让我觉得很奇怪

使用

@font-face

时要记住的事项：

许多不同的字体可能看起来不错，但下载页面需要更长的时间，因为字体也必须呈现

较旧的浏览器将不支持

@font-face

（尤其要注意IE）

设计排版时，要记住字体和大小，以防字体失效

---

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

你用的字体太薄了。此外，不同的浏览器呈现HTML的方式也不同。一些旧电脑甚至不做反走样。顺便说一下，该链接中的文本没有启用抗锯齿功能，实际上读它让我觉得很奇怪

使用

@font-face

时要记住的事项：

许多不同的字体可能看起来不错，但下载页面需要更长的时间，因为字体也必须呈现

较旧的浏览器将不支持

@font-face

（尤其要注意IE）

设计排版时，要记住字体和大小，以防字体失效

---

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

问题是您的字体比

1px

薄，并且呈现为亚像素大小。放大字体或选择更厚的字体。我推荐谷歌网页字体（免费，包括CSS代码）：嗨，Blender，我如何放大字体？您的意思是仅仅更改CSS或内联样式中的像素大小吗？如果可能的话，我的客户希望保持完全相同的字体。嗯，我在谷歌的字体方面运气不错。只需将字体大小调大一点。问题是您的字体比

1px

薄，并且呈现为亚像素大小。放大字体或选择更厚的字体。我推荐谷歌网页字体（免费，包括CSS代码）：嗨，Blender，我如何放大字体？您的意思是仅仅更改CSS或内联样式中的像素大小吗？如果可能的话，我的客户希望保持完全相同的字体。嗯，我在谷歌的字体方面运气不错。把字体调大就行了。