字体中的红色轮廓答案

【问题标题】：Red Outline in Font字体中的红色轮廓
【发布时间】：2012-07-09 22:24:11
【问题描述】：

我有下面的图片，它显示了我的字体在右侧的屏幕截图，与左侧的 Nike 字体相比。我已经完善了应用在 firebug 中可以找到的所有 css 样式，但我仍然无法摆脱这个恼人的红色轮廓。有谁知道它是什么？我尝试了 text-shadow 但没有摆脱红色轮廓。（图片放大了）

这把我逼疯了，任何帮助将不胜感激。

对应的CSS

font-family: "TradeGothicLT-BoldCondTwenty",Helvetica,Arial,sans-serif !important;
color: #333;
font-size: 22px;
font-weight: normal !important;
word-spacing: -0.05em;
letter-spacing: -0.045em;
text-shadow:none;

原始字体：http://www.nike.com/us/en_us/c/basketball/nike-basketball-hyperdunk-plus 搜索“跟踪您的游戏”以在上面的页面上找到示例字体。

再次感谢

【问题讨论】：

我们可以看到你的页面有 html 和 css 吗？
不幸的是，现在一切都在我的本地机器上。

标签： css fonts

【解决方案1】：

我想您正在使用 webkit 浏览器进行浏览。尝试将 -webkit-font-smoothing: antialised; 添加到您的 body 或 html 元素中。

【讨论】：

你先生是神。非常感谢。将尽快标记为答案。

【解决方案2】：

屏幕截图中没有红色轮廓，只有彩色像素。这是亚像素渲染的一个例子，即高级字体平滑，它在浏览器的控制下，可能由用户设置。 JOPLOmacedo 的回答中提到的非标准 CSS 属性仅影响 WebKIT 浏览器。例如，在 IE 上，此行为取决于 Windows 级别的设置（以及旧版本中的 IE 设置）。

通常，浏览器及其用户应该比作者更了解字体平滑的充分性，这取决于显示设备的属性等。

【讨论】：