相同的字体在运行相同操作系统版本和浏览器版本的两台 Mac 上呈现不同的效果
我正在开发的网站有一个自定义脚本链接字体，确切地说是 Santa fe 。在我的 Mac 上，它在 Firefox 5 中呈现如下：
这就是我想要的渲染方式。
在我客户的 Mac 和其他人的 Mac 上，它呈现（不正确）如下：
不正确的呈现 http://idzr.org/5ume< /a>
我之前在 Safari 中也遇到过同样的问题，但是 -webkit-font-smoothing: antialiased; 修复了它；然而，Firefox 似乎没有类似的功能。
我还打开了 text-rendering: optimizationLegibility; 并使用 Font Squirrel< 生成了 Web 字体包/a>.
有什么想法吗？
编辑：该字体应用了以下 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. */
The site I’m working on has a custom script link font, Santa fe to be exact. On my Mac it renders in Firefox 5 as such:
how it should render http://z17.me/oa2c+
This is how I want it to render.
On my client’s mac and a someone else’s Mac it renders (improperly) like:
improper rendering http://idzr.org/5ume
I was having the same problem before in Safari, but -webkit-font-smoothing: antialiased; fixed it; however, it appears tat there is no equivalent of that for Firefox.
I also have text-rendering: optimizeLegibility; on and generated the web font package using Font Squirrel.
Any ideas?
Edit: The font has this CSS applied to it:
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. */
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试应用与背景颜色相似的 0px 文本阴影：
text-shadow: #fff 0 0 0;另外，您是否尝试应用
font-weight:normal;> 直接指向使用脚本字体的任何元素？有时，Firefox 会在您不注意的情况下向您层叠粗体。Try applying a 0px text shadow with a similar color to your background:
text-shadow: #fff 0 0 0;Also, did you try applying a
font-weight:normal;directly to whatever element is using the script font? Sometimes Firefox can cascade aboldon you without you noticing.