Swiss 721 Web字体问题

Question

我正在使用网络字体Swiss 721进行我正在进行的项目，但在某些字母上它似乎出现像素化或模糊，我附加了一个屏幕截图，所以你可以看到。我只是想知道是否有其他人在将其用于网络时遇到过瑞士或任何其他字体的问题？由于我最初的Photoshop前端内容看起来很清晰。

Answer 1

您可以使用以下全局级别CSS尝试最小化视觉损害：

-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: always;

这是Chrome和Firefox中的一个很好的起点，但对于更大胆的版本没有帮助，因此在@ font-face声明中，您还需要确保每个字体系列的字体权重都是正确的。

Swiss 721实际上不接受浏览器对字体的加权，因此您必须使用CSS中相关更强的版本覆盖强，b等任何标签，而不是依赖浏览器来应用它。 / p>

您还可以尝试将TTF提供给特定元素的其他变体，因为使用此格式时权重似乎不同。请注意，TTF不会在IE中提供，因此如果您使用此方法，则会优雅地回退。