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

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

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

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

缓存问题

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

清除缓存

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

HTTP/HTTPS 不匹配

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

要重新上传字体文件

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

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

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

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

4.导航到Elementor > 工具。

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

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

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

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

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

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

10.单击“替换 URL”

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

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

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

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

控制台出现 CORS 错误

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

导入模板

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

所选字体粗细不可用

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

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

自定义代码无效

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

不包括所有字体变体

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

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

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

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/9097/

(0)
上一篇 2024年 4月 26日 下午8:03
下一篇 2024年 4月 27日 上午11:32

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
购买我们的托管服务器,享受免费运维!