1

我有下面的图片，它显示了我的字体在右侧的屏幕截图，与左侧的耐克字体相比。我已经完善了应用在 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 搜索“跟踪您的游戏”以在上述页面上查找示例字体。

再次感谢

4

2 回答 2

4

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

于 2012-07-09T22:30:48.833 回答
1

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

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

于 2012-07-09T22:50:57.283 回答