Question

如果我在一个域上声明@font-face，然后在具有相同font-family - 名称和文件/文件名的另一个域上声明它们，它们是否会被缓存？

例如，如果我访问具有此CSS 的domain-a.com（并要求客户端缓存资源）：

@font-face {
  font-family: 'font-name';
  src:url('f/font-name.eot');
  src:url('f/font-name.eot?#iefix') format('embedded-opentype'),
    url('f/font-name.woff') format('woff'),
    url('f/font-name.ttf') format('truetype'),
    url('f/font-name.svg#font-name') format('svg');
  font-weight: normal;
  font-style: normal;
}

然后访问具有相同CSS的domain-b.com，浏览器会使用缓存资源还是会再次请求它们？

我询问的理由是关于图标字体。我想通过使用默认的图标字体构建来简化我的工作流程，对于某些网站，我会添加其他图标。如果他们确实缓存，这不是一个好主意。

Answer 1

不，这不会被缓存。浏览器中的缓存始终按域进行分段。来自domain-a.xyz的缓存中的资源（如字体）不会出现在domain-b.xyz的缓存中，反之亦然。

在域之间进行自定义@ font-face缓存？

1 个答案: