【问题标题】:Font-Face Firefox 5 / 7 — only Windows — ugly colorFont-Face Firefox 5 / 7 — 仅 Windows — 丑陋的颜色
【发布时间】:2011-10-11 21:20:17
【问题描述】:

我使用带有 font-face 的自定义字体,它在除 Windows 上的 Firefox 之外的所有浏览器中都能很好地工作。字体的颜色应该是灰色#666。但它看起来是粉红色的!知道如何在 win 机器上避免 FF 中这些难看的颜色吗?

screenshot: Adobe BrowserLab

screenshot: Adobe BrowserLab enlarged

【问题讨论】:

  • 这可能是 ClearType 或其他一些字体平滑机制。不知道能不能关掉
  • 有解决这个问题的css hack吗?

标签: css windows font-face firefox-5


【解决方案1】:

编辑: 评论表明这是字体问题而不是颜色问题,在仔细查看示例后,我同意。这是一个极端的 Cleartype 平滑示例 - 绿色不受影响,而红色和蓝色已被淡化以使线条看起来更细。由于背景是白色,这种去强调会使红色和蓝色变浅,从而产生粉红色/洋红色调。

Cleartype 背后的理论是,这些操作应该几乎是不可见的,并且看看您未缩放的示例,我会说色调非常微妙。只有当你把它炸毁时它才会变得明显,至少在我的显示器上是这样。

可能有一种方法可以在您自己的系统上调整 Cleartype,但这不适用于整个网络。唯一的解决方法是更改​​字体本身的提示,这样它就不会尝试制作如此细的垂直线。


尝试使用颜色#666666 而不是#666

来自Wikipedia

有时会使用缩写的三(十六进制)数字形式。 将此表格扩展为六位数表格就像加倍一样简单 每个数字:09C 变为 0099CC。这允许每个颜色值覆盖 它的全范围从 00 到 FF。三位数的形式在 CSS 规范,而不是 HTML。结果,三位数的形式在 “样式”以外的属性不被解释为有效的颜色 一些浏览器。

【讨论】:

  • 这不会做任何事情。 CSS 解析器无论如何都会将#666 转换为#666666,或者至少是这样读取的。 Wiki 文章说它不会被某些浏览器正确解释,但这与现代版本相比是不正确的,而且它不会影响抗锯齿颜色。
  • 这不是问题。这是一些糟糕的字体平滑 - 它是 Firefox 或 Windows 所做的
  • 抱歉,我认为这不是很微妙。
  • @user851741,这就是我说“在我的显示器上”并谈到更改 Cleartype 设置的原因。这些东西是高度可变的,也会对不同的人产生不同程度的影响。当微软想出这些东西时,他们的目标是平均水平。
【解决方案2】:

人们应该接受 windows 不好.. Firefox 也不好。 两者的结合在字体渲染方面是致命的。这在使用@fontface 时尤其烦人。

你可以买一辆保时捷加最好的油,或者买一辆菲亚特加错的油。。

..猜猜谁会赢得比赛?? (与 windows 和 gecko 相比,mac 和 webkit 浏览器是一样的)

(我并不是说菲亚特是一辆糟糕的汽车,但如果使用不同的燃料,它可能会跑得更好。保时捷也会接受不太好的燃料,但如果燃料是超级的,它仍然会好很多) 但即使菲亚特拥有完美匹配的燃料,保时捷仍然可能会在使用错误的燃料时获胜。

奇怪的比较??? (是的,我猜)

可悲的是,网民只是不知道或不关心这些东西,并抱怨网页设计师做得不好。 但我们所做的只是尽力而为……对吗?

假设 X 夫人购买了该法令,而您告诉她使用 Fuel-A。 她的儿子会开车并使用燃料-B,因为它更便宜.. 结果:汽车没有达到预期的效果。

回到浏览器问题。

我们销售一种产品。但客户会向(希望)数百万人展示该产品。没有机会强制所有用户使用特定的浏览器.. 更不用说操作系统了。

我认识很多人不喜欢 GOOGLE,这也是他们不使用 CHROME 的原因。尽管我认为它是最好的标准浏览器。 (我最喜欢的是 OS X 上的 SAFARI,因为它有很好的 webkit CSS 和 3d 渲染)

我也讨厌 google(好吧,我只是说我不是粉丝)但我接受他们拥有的 2 或 3 个好产品(我的意见。)

最后一句话,我想澄清我的第一句话。

我不喜欢 windows,有很多原因...

当我有一台Windows机器(6年前)时,我曾经喜欢FF......

Firefox 曾经是最好的浏览器(我认为)...

Firefox (gecko) 跟不上 webkit...

Windows 永远无法达到 OS X 的性能(我认为)...

结论:

使用标准字体作为有问题的浏览器的备用字体。它可能会扼杀您的设计,但不会扼杀您的访问者……

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-08-20
    • 1970-01-01
    • 2012-03-08
    • 1970-01-01
    • 2012-08-19
    • 2011-01-07
    • 1970-01-01
    • 2013-09-27
    相关资源
    最近更新 更多