【问题标题】: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 和兼容性。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-11-27
  • 2023-03-11
  • 1970-01-01
  • 2014-11-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多