为什么我的字体无法呈现正确/模糊 - 有没有办法解决这个问题？

Question

我在这个网站上使用各种版本的Halvetic。出于某种原因，它们都显示得很好，除了一个模糊的。我注意到一些浏览器更好或更差 - 然而，在我的iPhone上它真的很清晰和完美？

对于如何在桌面上的现代浏览器（chrome / firefox等）中正确显示此字体，是否有任何建议？

这就是我所看到的：

网址：http://52.64.135.79/wordpress/company-overview/

我可以看到的相关CSS规则如下。我有什么办法可以解决这个问题吗？

h4, .h4 {
    line-height: 21px;
}
h4, .h4 {
    font-size: 16px;
}
h4, .h4 {
    font-weight: 700;
}
h4, .h4 {
    font-family: "Helvetica Neue LT W01_55 Roman", sans-serif !important;
    margin-bottom: 5px;
    padding: 5px 0 0;
    letter-spacing: 0.00em;
}

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

Answer 1

最终这里的问题是因为字体本身为每个不同的字体权重都有一个单独的字符集。 CSS将字体权重700应用于一个字体，该字体意味着要渲染为400.修复方法是下载较重的字体版本，而不是允许浏览器创建一个人工“粗体”版本。 / p>