Mac Chrome 中的字体渲染错误，深色背景上的浅色（灰色上的白色）答案

【问题标题】：Bad font rendering in Mac Chrome for light color on dark background (white on grey)Mac Chrome 中的字体渲染错误，深色背景上的浅色（灰色上的白色）
【发布时间】：2014-06-23 17:52:38
【问题描述】：

我正在使用 Folio Condensed Light 字体构建一个网站。我从 MyFonts 购买了字体并下载了字体套件。在
上遇到了一个糟糕的渲染问题 Mac Maverix / Chrome 版本 35.0.1916.114

奇怪的是，字体在浅色背景上使用深色时工作正常：

但是当深色背景上的浅色是非常糟糕的。
我尝试了所有 css 技巧，但没有任何效果（webkit-font-smooting，text-stroke，...）。我觉得卡住了！
任何想法将不胜感激！

渲染：
Chrome VS Firefox VS Safari

这是查看我的网站的链接：
http://www.lelevateurdecompetences.com/certifications-qualifications

添加

text-rendering: optimizelegibility;

但不是真的更好。

【问题讨论】：

text-rendering: optimizelegibility; 应该让它更容易阅读
我添加了，谢谢，但是你可以看到它改变了字母之间的空间，但没有改善字体平滑。

标签： css google-chrome font-face

【解决方案1】：

您尚未在 FolioCon-Lig 上设置字体粗细或字体样式，这可能会影响渲染，但在您这样做之前，我建议您阅读以下内容：http://www.fontspring.com/support/installing_webfonts/style-linking

这是处理@font-face 字体粗细和样式的最佳实践方式。

【讨论】：

是的，我在以前的原始字体中设置了字体粗细或字体样式，但这个是 MyFont webkit。我现在添加了它，但它没有任何帮助抱歉。我也知道样式链接，但这只是代码改进的问题，不利于 IE8 和兼容性。