@ font-face提供超重的字体重量和/或糟糕的抗锯齿效果

Nic*_*ole 6 css antialiasing font-face

我找到了一个我喜欢的开放字体(克里特圆形)并在Photoshop中设计了一些屏幕.当设置CSS时,我尝试使用Google字体和fontsquirrel.com的可下载"套件"(带有四种不同类型字体和现成样式表的zip文件),但两者都给了我奇怪的结果在Mac上.

Photoshop - 我希望它看起来像:

在此输入图像描述

Yuck - 使用fontsquirrel.com上的@ font-face工具包在Mac上安装Chrome(和Safari):

在此输入图像描述

Mac上的Chrome(和Safari)使用Google字体(基本相同):

在此输入图像描述

Windows上的GOOD -Chrome(fontsquirrel):

在此输入图像描述

- 哈克.我发现任何不透明度(不是文本颜色alpha)小于1.0,Chrome给了我很好的结果(但Safari仍然很糟糕.)

使用fontsquirrel在Mac上运行Chrome,其中opacity:0.999;:

在此输入图像描述

有没有人对这里发生的事情有什么想法,或者我可能做错了什么?

Dan*_*nny 1

我不认为你做错了什么。我也不认为有什么办法可以解决这个问题,除了使用图像而不是文本,其中样式是绝对重要的。

我发现这个链接讨论了不同操作系统上的渲染引擎(也考虑了不同的浏览器)。

我希望这有帮助!