相同的字体在运行相同操作系统版本和浏览器版本的两台Mac上呈现不同

Question

我正在工作的网站有一个自定义的脚本链接字体，准确地说是Santa fe。在我的Mac上，它在Firefox5中呈现如下：

how it should render http://z17.me/oa2c+

这就是我希望它呈现的方式。

在我的客户的mac和其他人的Mac上，它呈现(不正确)如下：

improper rendering http://idzr.org/5ume

我之前在Safari中也遇到过同样的问题，但-webkit-font-smoothing: antialiased;修复了它；然而，火狐似乎没有类似的问题。

我也有text-rendering: optimizeLegibility;，并使用Font Squirrel生成了web字体包。

有什么想法吗？

编辑:字体应用了此CSS：

font-family: SantaFeLetPlainRegular;
font-weight: normal;
font-style: normal;
font-size: 21px;
text-transform: lowercase;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
/* @doubtful_existance: I don’t think these even exist? Can’t hurt much, I guess. */
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
/* end @doubtful_existance */
font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(256, 256, 256, 0.01); /* A trick I’ve heard of to fix issues like this. */
opacity: 0.99; /* Another trick I’ve heard of to fix issues like this. */

Answer 1

尝试使用与背景颜色相似的0px文本阴影：

text-shadow: #fff 0 0 0;

另外，您是否尝试过将font-weight:normal;直接应用于使用脚本字体的任何元素？有时火狐会在你不察觉的情况下向你级联一个bold。