提问者:小点点

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


如何将rel=preload属性包含到css文件中的字体文件我在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属性以提高站点性能

请帮忙


共1个答案

匿名用户

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

<link rel="preload" href="../fonts/fontawesome-webfont93e3.eot?v=4.4.0" as="font" type="application/vnd.ms-fontobject" crossorigin="anonymous">

https://wp-rocket.me/blog/font-preloading-最佳实践/