如何重置css字体缓存答案

【问题标题】：How to reset css fonts cache如何重置css字体缓存
【发布时间】：2013-01-31 10:36:47
【问题描述】：

我已经在服务器中更改了我的字体，但是浏览器获取了写入字体的旧版本的 css 文件，如何重置缓存？，我试图删除浏览器缓存并删除旧文件 css ，但他们仍然得到旧的cs，我试图重新加载服务器，如何解决这个问题？

【问题讨论】：

【解决方案1】：

确保您的浏览器不显示本地字体 — 我花了将近一个小时试图弄清楚如何清除 Firefox 中的字体缓存，而问题与此无关。

检查您的网络服务器日志：字体文件是否已下载？如果不是，那么很可能您使用的是本地字体。

考虑这个真实案例：

@font-face{
    font-family: SuperFont;
    src: url('../fonts/Superfont.ttf'),
}

我从某个地方复制粘贴了这段代码，删除了src 定义的一部分，没有注意到结尾的逗号，这使得该行无效的 CSS。因此没有下载字体。

但是，由于我已经在本地安装了 Superfont，它似乎可以工作，因为浏览器识别了 font-family。好吧，直到我决定更改字体文件，但保留 font-family 定义以节省对 CSS 文件的进一步修改……

道德：在测试字体时，使用明确的自定义 font-family 名称。

【讨论】：

【解决方案2】：

我注意到这只发生在 Firefox 中，这很烦人，但是，如果这与您在这里的情况相同，请使用 SHIFT + CMD + R 刷新（如果您在 Mac 上，我假设是 windows替代方法是 CTRL + SHIFT + R)

这也会清除该页面的缓存 + 应该显示你的字体 :)

【讨论】：

这对您/开发者来说可能很好，但对于加载了旧 CSS 和字体的用户来说，这不是一个好的解决方案。
请原谅这个答案是在 2013 年写的，从那时起技术发生了变化，6 年后
在 Firefox 中，重新加载页面的常用方法不会刷新字体缓存。一种可能有效的方法是History > Delete recent history - Everything。看到这个question。

【解决方案3】：

您是否尝试过在其他浏览器中查看页面以确保旧字体未被添加到页面中？

如果您仍在使用同一个 CSS 文件，您可以导航到该 CSS 文件并在该 Ctrl+F5 上进行硬刷新。

另外，我发现在清除缓存之前完全关闭页面也有帮助！

【讨论】：

【解决方案4】：

在浏览器上执行：Ctrl + F5

【讨论】：