我正在使用 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;
但并不是真的更好。
最佳答案
您尚未在 FolioCon-Lig 上设置字体粗细或字体样式,这可能会影响渲染,但在您这样做之前,我建议您阅读以下内容:http://www.fontspring.com/support/installing_webfonts/style-linking
这是处理@font-face 字体粗细和样式的最佳实践方法。
关于css - Mac Chrome 中的字体渲染错误,导致深色背景上的浅色(灰底白字),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24129243/