css - Mac Chrome 中的字体渲染错误，导致深色背景上的浅色(灰底白字)

Question

我正在使用 Folio Condensed Light 字体构建网站。我从 MyFonts 购买了字体并下载了 font-face 工具包。在
上遇到了一个糟糕的渲染问题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;

但并不是真的更好。

Answer 1

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

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