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