我正在处理的网站有一个自定义脚本链接字体,确切地说是Santa fe。在我的Mac上,它在Firefox 5中呈现:
how it should render http://z17.me/oa2c+
这就是我想要渲染的方式。
在我客户的Mac和其他人的Mac上,它呈现(不正确),如:
improper rendering http://idzr.org/5ume
我之前在Safari中遇到过同样的问题,但-webkit-font-smoothing: antialiased;
修复了它;然而,似乎没有与Firefox相同的东西。
我还有text-rendering: optimizeLegibility;
并使用Font Squirrel生成了网络字体包。
有什么想法吗?
编辑:字体已应用此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. */
答案 0 :(得分:0)
尝试使用与背景颜色相似的0px文字阴影:
text-shadow: #fff 0 0 0;
另外,您是否尝试将font-weight:normal;
直接应用于使用脚本字体的任何元素?有时Firefox可以在您注意的情况下级联bold
。