6

我找到了一种我喜欢的开放字体（Crete Round），并用它在 Photoshop 中设计了一些屏幕。设置 CSS 时，我尝试使用 Google 字体和 fontsquirrel.com 的可下载“工具包”（一个包含四种不同类型字体和一个现成样式表的 zip 文件），但在 Mac 上都给了我奇怪的结果.

Photoshop——我希望它看起来像什么：

在此处输入图像描述

Yuck — Mac 上的 Chrome（和 Safari）使用 fontsquirrel.com 的 @font-face 工具包：

在此处输入图像描述

Mac 上使用 Google 字体的 Chrome（和 Safari）（基本相同）：

在此处输入图像描述

好—Windows 上的 Chrome (fontsquirrel)：

在此处输入图像描述

好——哈克。我发现任何不透明度（不是文本颜色 alpha）都小于 1.0，Chrome 给了我很好的结果（但 Safari 仍然很糟糕。）

Mac 上的 Chrome 使用 fontsquirrel，具有opacity:0.999;：

在此处输入图像描述

有没有人对这里发生的事情有任何想法，或者我可能做错了什么？

4

2 回答 2

1

尝试

html { -webkit-font-smoothing: antialiased; }

于 2013-02-06T03:31:46.540 回答
1

我不认为你做错了什么。我也不认为有办法解决它，除了使用图像而不是样式绝对至关重要的文本。

我发现THIS LINK讨论了不同操作系统上的渲染引擎（也考虑了不同的浏览器）。

我希望这有帮助！

于 2012-06-25T11:07:33.243 回答