如何解决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

相关推荐

  • 5 个最佳 WordPress 缓存插件,可加速你的网站

    缓存就像是给你的WordPress网站拍了一张快照,并保存在服务器上。这样,当用户再次访问你的网站时,服务器就能迅速展示这张快照,而不需要每次都重新加载整个网站。 市面上有很多WordPress缓存插件,选择起来可能会有点头大。为了帮你找到最适合的插件,我们测试了市场上的一些热门的WordPress缓存插件。在测试时,我们特别关注了插件是否容易上手、提供了哪…

    2024年 4月 16日 WordPress插件
    0015
  • Elementor 编辑器加载缓慢的解决方法

    我们在使用Elementor 编辑器编辑wordPress网页的时候加载缓慢。是什么原因导致的这个问题,以及有没有什么好的解决方法?带着这个疑问,我们一起往下看看: 解决方案 下面是一些Elementor 编辑器加载缓慢故障的排除过程。 关闭浏览器选项卡以释放资源 打开太多标签页会迅速消耗浏览器资源。在编辑页面时,关闭不需要的浏览器标签页。加载编辑器,看看问…

    2024年 4月 29日 Elementor
    0046
  • 怎么激活 Elementor 的实验功能

    Elementor在新功能发布之前,用户可以自愿选择参与测试并协助完善新功能。这些新功能还在处于实验性阶段;所以也叫做实验功能,我们一起看看,怎么去激活这些功能。 如何使用Elementor功能 1.转到Elementor > 设置 > 功能选项卡 2.从想要使用的任何实验的下拉列表中选择“活动” 3.也可以使用“全部激活” / “全部停用”按钮来快速应用更…

    2024年 4月 29日 Elementor
    0010
  • Elementor预览无法加载错误该怎么解决啊

    最近,有不少的朋友在我们网站留言;在使用Elementor编辑器编辑页面的时候,经常遇到”预览无法加载错误“这个问题。有没有什么好的解决办法?别急,我们一起往下面看看。 Elementor无法加载可能的原因  错误信息通常能为我们提示问题背后的原因。就像在下面的图示中,单点击“预览调试”这个按钮,就可以轻松地检查页面是否存在重定向问题。 在以下情况…

    2024年 5月 1日 Elementor
    0024
  • 如何快速解决Elementor加载缓慢问题?

    Elementor是一个免费的WordPress页面构建器插件,用户数量已经超过了 10,000,000 名用户。它不仅有免费版,还有高级版和很多附加组件,可以让你的网站看起来更酷更炫。不过,就像其他页面构建器一样,Elementor也会增加一些自定义样式和脚本,这可能会让你的网站加载速度变慢。那么,如果遇到Elementor加载缓慢的问题,我们该怎么解决呢…

    2024年 4月 16日 Elementor
    0024

发表回复

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

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

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

客服微信