如何在css文件中包含字体文件的rel=preload属性

如何在css文件中包含字体文件的rel=preload属性 我在css文件中有用于加载字体文件的css代码

@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont93e3.eot?v=4.4.0);src:url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont93e3.woff2?v=4.4.0) format('woff2'),url(../fonts/fontawesome-webfont93e3.woff?v=4.4.0) format('woff'),url(../fonts/fontawesome-webfont93e3.ttf?v=4.4.0) format('truetype'),url(../fonts/fontawesome-webfont93e3.svg?v=4.4.0#fontawesomeregular) format('svg');

我想为字体文件添加rel=preload属性，以提高网站性能

---

请提供一些帮助

您可以像这样预加载字体：

---

您可以像这样预加载字体：

---

我尝试了这个方法，但没有成功，仍然在chrome lighthouse中显示我“考虑使用

优先获取当前在页面加载中请求的资源。”对于字体文件，我尝试了这个方法，但没有成功，仍然在chrome lighthouse中显示我“请考虑使用

对稍后在页面加载中请求的获取资源进行优先级排序。“用于字体文件