css - 服务器推送在重复视图上不起作用

Question

我们使用Link标题来预加载我们的字体文件，当浏览器缓存为空时它工作得很好。但是，在“重复视图”中，字体文件会加载两次，Chrome 会显示一条警告消息。我们怎样才能解决这个问题？

标Link头和 CSS 文件都指向完整的相对 URL：

/app/themes/foobar/assets/fonts/Montserrat-Light.woff

第一视角：

重复视图：

Answer 1

问题是缺少crossorigin，所以不是：

Link: </path/to/font.woff2>; rel=preload; as=font

采用：

Link: </path/to/font.woff2>; rel=preload; as=font; crossorigin