Question

我购买了一个包含以下代码的Web模板，以导入Google字体：

    @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,800i,900');

我知道此URL可以解析为35个以上的@ font-face声明，这似乎很疯狂，但是就这样吧。

我有几个问题吗？

1）如果Google PageSpeed要求，字体外观声明为何不包含font-display属性？

2）我应该使用导入语法，链接还是只是嵌入URL中的字体声明？（我都看过两者的利弊）？

3）如果我坚持使用导入语法或链接，该如何应用字体显示设置？

预先感谢

Answer 1

您使用的是Google字体，应添加

&display=swap

最后应该是您的情况

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,800i,900&display=swap');

Answer 2

我同意您应该在此处使用字体显示交换值，但是只选择您真正关心的字体会更加有效（是的，将字体减少到所用的几种，不要使商店超载。使用35种以上的字体，您需要提取单个页面）并将其存储在本地。 Google不必再为此烦恼了，对那些希望在自己的服务器上托管字体（link）的人们来说，Google一直很忠诚。因此，基本上，我说的是购买网络模板，因为它太复杂了，可能不太理想。

传递Google Insights-确保文本在加载Webfont期间保持可见

2 个答案: