什么是通过Css加载自定义字体的最快方法

Question

这是加载CSS的最快方法

在标题中使用链接引用或在CSS文件中使用@import。

e.g。

<link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Gudea:400,700'>

或者

@import url("//fonts.googleapis.com/css?family=Gudea:400,700");

我已经进行了一些速度测试，但没有任何结论。 但是包含链接这个文件被视为渲染阻塞，所以即使链接单独文件应该更快，我也无法找出它是否真的是..

Answer 1

通过HTML link标记包含CSS文件应该可以提供更快的结果，因为浏览器甚至可以在加载CSS文件之前加载字体文件。理论上，浏览器应该并行加载两个文件。您可以使用brwoser开发人员工具网络选项卡进行调查。