您可以添加一个onload侦听器，以将rel属性从preload更改为stylesheet
这将看起来像这样：

<link
  rel="preload"
  href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,900&display=swap"
  onload="this.onload=null;this.rel='stylesheet'"
  as="style"
>

有关此主题的详细信息，请访问web.dev

web.dev表示您应该以这种方式预加载：

<link rel="preload" 
      href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700,900&display=swap"
      as="style"
      onload="this.onload=null; this.rel='stylesheet'; document.body.classList.add('fonts-loaded')">

但在加载字体之前使用另一种字体：

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.fonts-loaded {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}