@ font-face在mac上看起来很模糊

时间:2017-10-05 11:24:35

标签: css css3 fonts font-face webfonts

我正在我的网站上使用@ font-face加载字体。一切都在Windows上运行良好,但在Mac上显然不是这样。在Mac上,字体渲染超级模糊。

我自己无法访问Mac,但我有几位同事要检查我并给我发送截图。我正在附上以下两个操作系统的截图。

enter image description here

这是我用来加载字体的代码:

@font-face {
    font-family: HelveticaNeue;
    src: url('//wasawards.com/wp-content/themes/wasawards/fonts/HelveticaNeue-BlackCond.ttf'),
}

任何想法可能发生什么或我做错了什么?

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

您可能需要调整某些字体的字体平滑设置,或者可能是您的字体构造不是很好而且Mac并没有按照您的意愿处理它。

https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth