只是想知道，将@font-face规则放在标头的<style>标记中与将<link ref="preload" as="font">放在标头中有什么区别？
例如，Shopify的Dawn theme两者都有，首先是第44行的<style>标签中的@font-face，然后是第224行的<link>。
当@font-face规则位于某个外部样式表（必须首先下载）中时，我直观地认为使用<link>更有意义。
只是想知道，将@font-face规则放在标头的<style>标记中与将<link ref="preload" as="font">放在标头中有什么区别？
例如，Shopify的Dawn theme两者都有，首先是第44行的<style>标签中的@font-face，然后是第224行的<link>。
当@font-face规则位于某个外部样式表（必须首先下载）中时，我直观地认为使用<link>更有意义。
1条答案
按热度按时间whitzsjs1#
不同之处在于
<style>标签将只加载文档中使用的字体，而<link>标签将加载所有字体并存储，以便在需要时可以立即使用它们。这就是我对它们的理解