如何从浏览器缓存中删除使用 @font-face 下载的字体?

发布于 2024-11-17 20:37:06 字数 1178 浏览 3 评论 0原文

前段时间我问了这个问题,但没有一个答案解决了我的问题。我的客户正在抱怨,所以我要再试一次:

我使用 @font-face 发布了我的网络应用程序的新版本,其中包含有限版本的“Droid Sans”(无拉丁字符)。字体文件托管在我的服务器上。一周后,我将字体更改为完整版本,因为我的大多数客户都使用西班牙语。新客户可以毫无问题地获得新的完整字体,但使用发布的有限字体首次访问的客户将不再获得特殊字符。

我猜旧字体已缓存在浏览器中的某个位置,但我无法将其删除。

我尝试更改浏览器的字体名称和 css 定义以再次下载...没有任何效果。有人知道如何解决这个问题吗?

这是我的 CSS 定义:

@font-face {
font-family: 'Droid';
src: url(/files/DroidSans.eot);
src: url(/files/DroidSans.eot?iefix) format('eot'),
     url(/files/DroidSans.woff) format('woff'),
     url(/files/DroidSans.ttf) format('truetype'),
     url(/files/DroidSans.svg#webfontw7zqO19G) format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidBold';
src: url(/files/DroidSansBold.eot);
src: url(/files/DroidSansBold.eot?iefix) format('eot'),
     url(/files/DroidSansBold.woff) format('woff'),
     url(/files/DroidSansBold.ttf) format('truetype'),
     url(/files/DroidSansBold.svg#webfontSOhoM6aS) format('svg');
font-weight: normal;
font-style: normal;
}

body, a, p, div, span, li, td, th, caption {
  font-family: Droid, Optima, Calibri, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 14pt;
}

Some time ago I asked this question and none of the answers solved my problem. My clients are complaining so I'm gonna try once again:

I published a new release of my webapp using @font-face with a limited version of "Droid Sans" (no Latin characters). The font files are hosted on my server. A week later I changed the font with a full version because most of my customers use Spanish language. The new customers get the new full font with no problem, but the customers who accessed first time with the limited font published don't get the special characters any more.

I guess the old font is cached somewhere in the browser, but I haven't been able to remove it.

I've tried to change the font name and the css definition for the browser to download again... nothing is working. Anyone knows how to fix this?

This is my css definition:

@font-face {
font-family: 'Droid';
src: url(/files/DroidSans.eot);
src: url(/files/DroidSans.eot?iefix) format('eot'),
     url(/files/DroidSans.woff) format('woff'),
     url(/files/DroidSans.ttf) format('truetype'),
     url(/files/DroidSans.svg#webfontw7zqO19G) format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'DroidBold';
src: url(/files/DroidSansBold.eot);
src: url(/files/DroidSansBold.eot?iefix) format('eot'),
     url(/files/DroidSansBold.woff) format('woff'),
     url(/files/DroidSansBold.ttf) format('truetype'),
     url(/files/DroidSansBold.svg#webfontSOhoM6aS) format('svg');
font-weight: normal;
font-style: normal;
}

body, a, p, div, span, li, td, th, caption {
  font-family: Droid, Optima, Calibri, Helvetica, sans-serif;
  font-size: 10pt;
  line-height: 14pt;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

云淡风轻 2024-11-24 20:37:06

您说您“尝试更改字体名称和 CSS 定义”。我还会尝试更改字体名称并重新保存字体文件名,所以

@font-face {
font-family: 'DroidBoldNEW';
src: url(/files/DroidSansBoldNEW.eot);
src: url(/files/DroidSansBoldNEW.eot?iefix) format('eot'),
     url(/files/DroidSansBoldNEW.woff) format('woff'),
     url(/files/DroidSansBoldNEW.ttf) format('truetype'),
     url(/files/DroidSansBoldNEW.svg#webfontSOhoM6aS) format('svg');
font-weight: normal;
font-style: normal;
}

看看这是否有效。

You said that you "tried to change the font name and the css definition". I would also try to change the font name AND resave the font file names, so

@font-face {
font-family: 'DroidBoldNEW';
src: url(/files/DroidSansBoldNEW.eot);
src: url(/files/DroidSansBoldNEW.eot?iefix) format('eot'),
     url(/files/DroidSansBoldNEW.woff) format('woff'),
     url(/files/DroidSansBoldNEW.ttf) format('truetype'),
     url(/files/DroidSansBoldNEW.svg#webfontSOhoM6aS) format('svg');
font-weight: normal;
font-style: normal;
}

See if that works.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文