我们正在使用Link
标头来预加载我们的字体文件,当浏览器缓存为空时它正常运行。但是,在“重复查看”中,字体文件会加载两次,Chrome会显示警告消息。我们如何解决这个问题?
Link
标头和CSS文件都指向完整的相对网址:
/app/themes/foobar/assets/fonts/Montserrat-Light.woff
第一视图:
重复查看:
答案 0 :(得分:0)
问题是缺少crossorigin
,因此不是:
Link: </path/to/font.woff2>; rel=preload; as=font
使用:
Link: </path/to/font.woff2>; rel=preload; as=font; crossorigin