IE 未加载自定义字体（来自 Divi 主题的 Google 字体和图标字体）答案

【问题标题】：IE is not loading Custom Fonts (Google Fonts and Icon font from Divi Theme)IE 未加载自定义字体（来自 Divi 主题的 Google 字体和图标字体）
【发布时间】：2020-11-10 22:53:33
【问题描述】：

所以我在这里遇到了一个非常奇怪的问题，第一次加载页面时，它没有加载任何 Google 字体或 wordpress 主题 Divi 中的图标字体包。内容返回 304 状态码。然后，如果您单击徽标（或任何导航项），则所有字体都正确加载并返回状态代码 200。但是，如果您按住 shift 并刷新任何页面，它们将返回 304 状态并且未加载。

制作了一个快速屏幕共享视频来展示上述内容。 https://drive.google.com/file/d/15jAjqRP5PqjPYn69ueLfkTVC3k_ZVtJF/view

我尝试了一些我在 SO 上找到的建议，但没有任何帮助。我试图禁用 Wordpress 中的所有缓存插件和一些 .HTACCESS 文件模块

Header set Cache-Control "no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires 0

关于如何解决此问题的任何其他建议？

【问题讨论】：

永远不要使用“Expires 0”。相反，请使用Header set Expires "Thu, 01 Jan 1970 00:00:00 GMT"。不过，不确定这是否是问题的根源。
@Damocles - 好奇为什么不在 expires 0 上？实际上，我从这篇文章中得到了这一点，该文章被投票超过 2600 次。 stackoverflow.com/questions/49547/…
您可以尝试将这些元标记添加到您的网页吗？检查它是否有任何区别。让我们知道您的测试结果。
@Deepak-MSFT 我非常感谢这个建议，但在这里没有任何效果
ttf 字体可能会在 IE 浏览器中产生问题如果可能，请尝试使用 wotf 或 otf 字体文件进行测试。

标签： wordpress internet-explorer-11 http-status-codes webfonts http-status-code-304

【解决方案1】：

您能否尝试检查网站 SSL 证书以及字体和网站 URL 是否都是 HTTPS：

还请尝试关注下面附上的以下文章：

如果您在 Divi 模块中上传了自定义字体但未加载，则可能是字体格式存在问题。

始终确保同时上传字体文件的 ttf 和 otf 版本，以获得最大的浏览器兼容性。为此，首先转到https://convertio.co/ 并将您可能需要的 ttf 字体文件转换为 otf 版本（反之亦然）。

转换后，上传模块中字体的两个文件，如下所示：

您需要在上传时按 CTRL 键（Mac 的命令键）来选择字体的两个版本。或者，您可以点击 CHOOSE FONT FILES 按钮两次来上传两个版本的字体。

请确保在支持的字体粗细中选择 ALL。

完成这些步骤后，您可以将此字体应用于您网站上的各种元素，它会正常工作。

修复断开的链接：https://www.elegantthemes.com/blog/tips-tricks/how-to-find-and-fix-broken-wordpress-links

【讨论】：