如何将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属性以提高站点性能
请帮忙
您可以像这样预加载字体:
<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-最佳实践/