Google chrome @Chrome for PC中的字体呈现问题

我使用font squirrel将字体嵌入到站点（选择了Apply Hinting），但在Chrome v15.0 for PC中无法正确呈现。字体显示出来了，但效果很差。我确信FontSquirrel给了我正确的代码，所以我假设我的CSS中存在冲突。提前感谢你的帮助

---

您可以指定文字阴影：

text-shadow: 0 0 1px rgba(0, 0, 0, .01);

---

当使用自定义字体时，要使它们在google chrome中呈现得更好。它强制Chrome使用替代渲染路径。请注意，这将增加最终用户机器上的CPU负载。

对不起，guyes，但这在Chrome 16中不再起作用

类似的主题如下：

我在这里的谷歌Chrome论坛上写到了这一点，现在等待反应：

对于@font-face交付的字体，修复方法是将svg文件放在.eot的正下方，但放在.woff和.ttf的上方

由此：

@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’); 
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
     url(‘webfont.woff’) format(‘woff’),
     url(‘webfont.ttf’)  format(‘truetype’),
     url(‘webfont.svg#svgFontName’) format(‘svg’);
}

为此：

@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’); 
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
     url(‘webfont.svg#svgFontName’) format(‘svg’),
     url(‘webfont.woff’) format(‘woff’),
     url(‘webfont.ttf’)  format(‘truetype’);
}

此修复程序的示例如下所示：

如前所述，解决方案是使用SVG字体，这些字体总是使用抗锯齿进行渲染，但这也有一些缺点：

• SVG字体不包含任何暗示信息，因此在启用字体平滑功能的系统上，渲染的字母不会像它们可能的那样清晰
• SVG字体的重量和样式无法更改，因此使用

  font-weight:bold

  或

  字体样式：斜体无效

但是，至少第一个问题可以通过使用SVG字体来解决，前提是实际上禁用了字体平滑。有一个关于如何检测字体平滑的好方法，我用它创建了一个小脚本（~600字节），如果字体平滑被禁用，它会自动更新您的字体CSS

您可以找到，只需在页面中的任意位置添加以下行：

<script src="fontsmoothie.min.js" type="text/javascript"></script>

然而，您还需要一个良好的字体来获得好看的字形。幸运的是，有一种方法可以使用添加一些自动生成的提示到ttf字体，然后您可以使用FontSquirrel生成web字体。整个过程有点棘手，所以我写了这篇文章，解释了如何向字体添加暗示以及如何使用我的字体平滑脚本。希望这有帮助：）

---

PS：我知道在这里链接到我自己的博客是不受欢迎的，但我认为我的帖子描述了一个很好的解决问题的方法，所以我还是发了出来。如果你想让我删除链接，请留下评论，我会这么做。

你说的糟糕是什么意思？屏幕截图或一个正在发生的事情的例子会很有帮助，特别是因为我猜这是一个字体紧排问题。这看起来就像Mac和Windows的字体紧排问题（你的标记没有问题）。也许可以为Windows用户尝试不同的字体。明白了！出于某种原因，它确实可以处理这些值：文本阴影：0 1px 0 rgba（0,0,0.01）；是的，我打反了，对不起。

<script src="fontsmoothie.min.js" type="text/javascript"></script>