如何解决Elementor中自定义字体不显示问题

在使用Elementor编辑WordPress页面时遇到自定义字体不显示问题；是什么原因导致的，该怎么解决呢？

可能导致的原因及解决方案

缓存问题

导致这种问题有可能是缓存造成的。解决方法也比较简单：

清除缓存：

• 清除 WordPress 缓存插件）。
• 清除服务器端缓存。
• 清除浏览器的缓存。
• 清除所有缓存后，再次刷新看看。 
• 如果浏览器的缓存没有完全清除，可以换其他的浏览器试试，或者用隐身模式浏览。

HTTP/HTTPS 不匹配

如果最近从 HTTP 迁移到 HTTPS，字体文件可能需要重新上传。

要重新上传字体文件：

1.从 WP Admin后端，找到Elementor > 自定义字体。 

2.如果列出的 URL 不以https开头，单击“删除”。

3.单击“上传”重新上传文件。

4.导航到Elementor > 工具。

5.单击“重新生成 CSS 和数据”。 URL 现在应该以https开头，并且之前的自定义字体应该出现在前端。
如果这仍然没用，那么可能是之前迁移到 HTTPS 时遇到了其他问题。

6.导航到Elementor > 工具 > 替换 URL。

7.在右窗格中，找到更新站点地址 (URL)部分。

8.在旧 URL 字段中输入带有HTTP 的站点 URL 。 

9.在新 URL 字段中输入带有HTTPS 的站点 URL 。

10.单击“替换 URL”。

11.向下滚动并单击“保存更改”按钮。

12.导航至“设置”>“常规”。

13.确保WordPress 地址 (URL)和站点地址 (URL)以https开头。

控制台出现 CORS 错误

如果你的自定义字体没有显示，并且在浏览器控制台中收到 CORS 错误，那么你需要修改服务器的 CORS 策略；如果是托管类型的，可以让你购买服务器的云服务商去修改。 

导入模板

如果导入的模板包含自定义字体，则需要手动添加自定义字体。模板字体不会自动导入。

所选字体粗细不可用

自定义字体可能不具有所有可用的字体粗细。如果在版式选项中选择特定的字体粗细，但你的自定义字体没有可用的特定粗细，那么可能根本不显示自定义字体。在这种情况下，要选择可用于自定义字体的不同字体粗细。如果不明白的可以咨询官方。

自定义代码无效

如果添加无效的自定义 CSS 或其他代码，可能会导致许多不同的显示问题，包括无法显示自定义字体。删除或修复不正确的代码以解决这个问题。

不包括所有字体变体

不同的设备/浏览器可能需要不同的字体变化。例如，如果 iOS 设备上未显示字体，要确保已上传所有字体变体，包括 .ttf .svg .woff .woff2 和 .eot

如果缺少任何变体，则可能会发生下面其中一种情况：

• 显示默认字体
• 文本不会出现在网站上

这种情况之所以会发生，是因为不同的浏览器在显示字体时会有所差异。为了确保在所有浏览器中都能呈现出一致的字体效果，需要添加所有字体的变体，这样才能实现全面的浏览器支持。