【发布时间】：2012-06-25 06:46:48
【问题描述】：
我找到了一种我喜欢的开放字体 (Crete Round)，并用它在 Photoshop 中设计了一些屏幕。设置 CSS 时，我尝试使用 Google 字体和 fontsquirrel.com 的可下载“工具包”（一个包含四种不同类型字体和一个现成样式表的 zip 文件），但在 Mac 上都给了我奇怪的结果.
Photoshop——我想要的样子：
Yuck — Mac 上的 Chrome（和 Safari）使用 fontsquirrel.com 的 @font-face 工具包：
Mac 上的 Chrome（和 Safari）使用 Google 字体（基本相同）：
好——Windows上的Chrome（fontsquirrel）：
好——破解。我发现对于任何小于 1.0 的不透明度（非文本颜色 alpha），Chrome 都给了我很好的结果（但 Safari 仍然很糟糕。）
Mac 上的 Chrome 使用 fontsquirrel，opacity:0.999;:
有没有人知道这里发生了什么，或者我可能做错了什么？
【问题讨论】：
-
最糟糕的是，我发现字符“i”仅适用于大多数特定尺寸的字体（填充点和线之间的间隙，因此看起来像“l”）。
-
只是好奇 font-smooth:always 是否有帮助。
-
@AshwinSingh 看来字体平滑总是不会改变任何东西。
-
您似乎没有意识到 Adobe 和所有这些浏览器是完全独立的应用程序。它们不会也不需要相同地渲染事物。也就是说，您可以使用文本阴影来诱骗眼睛看到并非如此的各种权重和抗锯齿方法。
-
@resio 无需侮辱讽刺。我只是想按照我预想的方式在最终媒体中实现设计。
标签： css font-face antialiasing