ajax预加载资源

我用ajax下请求了一个字体,然后想用这种方式预加载字体,然后在页面的其他地方动态的插入style标签,里面有字体的定义引用了相同路径

 @font-face {
    font-family: FZY3JW;
    src: url(../cdn/font/FZY3JW.ttf) format("truetype");
  }

但是打开页面发现浏览器并没有用ajax下过的字体,而是又重新发了一个请求。
问题是:怎么让它使用ajax拿回来的字体不再去新开请求获取字体啊

clipboard.png

另外补充一下,预加载资源用的preloader这个npm包做的。

阅读 3.3k
2 个回答

有没有可能是css文件中的字体文件开始加载的时候,ajax预加载请求并未完成

get请求看下请求头是不是设置Cache-Control不能缓存,或者是get请求后面带了时间戳。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题