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

我正在尝试像这样预加载Google字体样式表:

<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,700italic" media="all">

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

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

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

考虑在head语句中使用crossorigin属性。您在预加载中使用了“ crossorigin”,而在加载实际字体时未使用它。这使得preload语句无关紧要。

link rel =“ stylesheet” id =“ generate-fonts-css” crossorigin href =“ // fonts.googleapis.com/css?family=Raleway:常规,斜体,500,500斜体, 600,600italic,700,700italic“ media =” all“

本文链接:https://www.f2er.com/2703644.html

大家都在问