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

标签 css 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'),
}

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

最佳答案

关于css - @font-face 在 Mac 上看起来很模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46584430/

相关文章:

java - Source Sans Pro 的 TTF 和 OTF 版本在 Swing (Nimbus L&F) 中的显示方式不同

android - 通用网络安全字体

css - 为什么我的字体在本地主机上可以工作,但传输到服务器时却不行

css - @font-face 在 IE8/9 中不工作,但在 IE7 中工作

javascript - 如何将一个 Html 页面加载到另一个页面?

html - 在标题中居中 ul 导航

php - 选中复选框时隐藏表格行

jquery - 如果元素数量增加,水平菜单应左右滚动

c# - 使用 Font Awesome 更改 WPF 中的字体图标

css - 如何为所有浏览器嵌入 ttf 格式的自定义网站字体?