头部标签之间是否应包含Web字体?

时间:2016-02-05 00:53:47

标签: html css

我想知道是否应该在哪里(在什么地方)包含网络字体的最佳做法。我的意思是使用<link href...>。看起来网页字体包含在我看到的每个网站的头标记之间,但我看到人们这样做的唯一原因是因为首先下载字体,所以当默认字体更改为时,你看不到转换(闪烁)下载的。

是否有更多理由为什么应该/不应该在头标记之间放置网络字体?

1 个答案:

答案 0 :(得分:2)

这是来自Optimize the order of styles and scripts(来自Google的"Make the Web Faster" Best Practices docs

的引用
  

样式表应始终在文档的头部指定以获得更好的性能,在可能的情况下,必须包含在头部的任何外部JS文件(例如写入文档的文件)都遵循样式表,这一点很重要,防止下载时间延迟。

现代浏览器会等待任何类型的呈现,直到检索到整个<head>部分(包括其中链接的文件)。所以添加会很好 尽可能少的事情到这个部分。

因此,您最好在文档<script>部分的<head>之前添加它。

还有更多注意事项,Yahoo's list of optimizations值得您花时间阅读。 Google has some good advice也是如此。