预加载谷歌字体。尽管使用了跨域属性，但仍收到控制台警告

Question

我正在尝试像这样预加载谷歌字体样式表：

<link href="https://fonts.googleapis.com/css?family=Raleway:regular,italic,500,500italic,600,600italic,700,700italic" rel="preload" as="style" crossorigin>

稍后在头脑中，我像这样链接工作表：

<link rel="stylesheet" id="generate-fonts-css" href="//fonts.googleapis.com/css?family=Raleway:regular,italic,500,500italic,600,600italic,700,700italic" media="all">

我收到以下控制台警告...但我认为这是字体的正确跨域用法？

找到了“ https://fonts.googleapis.com/css?family=Raleway:regular,italic,500,500italic,600,600italic,700,700italic ”的预加载，但未使用，因为请求凭据模式不匹配。考虑查看 crossorigin 属性。

Answer 1

考虑在 head 语句中使用跨域属性。您在预加载中使用了“crossorigin”，但在加载实际字体时未使用它。这使得预加载语句成为无关紧要的语句。

链接 rel="stylesheet" id="generate-fonts-css" crossorigin href="//fonts.googleapis.com/css?family=Raleway:regular,italic,500,500italic,600,600italic,700,700italic" media="all ”