Elementor 网站迁移后字体仍引用旧域名？一文教你彻底解决！

在使用 WordPress + Elementor 构建网站时，我们常常需要从线上环境迁移到本地环境（如 https://peixin.themedemo.top → http://peixin.local）进行开发或测试。
但不少用户会发现一个奇怪的问题：
👉 页面字体仍然引用着旧站点的链接，比如：

https://peixin.themedemo.top/wp-content/uploads/elementor/google-fonts/fonts/roboto-3603e9b2.woff2

即使在 Elementor 后台点击了 “Clear Files & Data（清除文件与数据）”，问题依然存在。

本文将深入分析原因，并提供 4 种行之有效的解决方案，帮你彻底修复字体路径错误。

🧐 一、问题原因：Elementor 本地字体缓存没更新

Elementor 为了提升网站加载速度，提供了 “本地加载 Google Fonts” 功能。
启用后，它会自动将 Google 字体下载到：

/wp-content/uploads/elementor/google-fonts/

并在数据库中保存这些字体文件的完整 URL，例如：

https://peixin.themedemo.top/wp-content/uploads/elementor/google-fonts/fonts/roboto.woff2

因此，当你将网站迁移到新域名（如 http://peixin.local）后，这些保存的 URL 并不会自动更新，Elementor 依然会从旧域名加载字体。

🧰 二、解决方案总览

✅ 三、方案一：WP-CLI 或 SQL 批量替换旧域名（最彻底）

如果你可以使用命令行（WP-CLI），执行以下命令即可：

wp search-replace 'https://peixin.themedemo.top' 'http://peixin.local' --skip-columns=guid

✅ WP-CLI 会自动更新所有表（包括 wp_postmeta、wp_options、wp_elementor_*）里的旧域名记录。

如果没有命令行权限，可以用 phpMyAdmin 手动执行以下 SQL：

UPDATE wp_postmeta 
SET meta_value = REPLACE(meta_value, 'https://peixin.themedemo.top', 'http://peixin.local');

UPDATE wp_options 
SET option_value = REPLACE(option_value, 'https://peixin.themedemo.top', 'http://peixin.local');

DELETE FROM wp_options WHERE option_name LIKE '_transient_elementor_%';

这一步会替换所有缓存路径，并清除 Elementor 临时缓存。

🧹 四、方案二：删除 Elementor 字体缓存目录

Elementor 会在本地生成字体缓存文件。你可以手动删除这些缓存，让 Elementor 重新生成：

1. 打开文件目录：

   wp-content/uploads/elementor/google-fonts/
   

2. 删除该目录中的所有文件；
3. 登录后台 → Elementor → 工具 → 常规 → 点击
   “Regenerate Files & Data（重新生成文件与数据）”；
4. 清理缓存插件（如 WP Rocket、LiteSpeed Cache 等）；
5. 刷新页面，检查字体路径是否更新为本地域名。

⚙️ 五、方案三：检查 Elementor 字体设置

进入后台：

Elementor → 设置 → 高级

确认以下选项：

• ✅ “加载 Google 字体” 启用；
• ✅ “本地加载字体（Local Fonts）” 启用；
• 最后再次点击“Regenerate Files & Data”。

这样 Elementor 会重新扫描字体引用并生成新路径。

🔧 六、方案四：使用插件替换域名（简单安全）

如果你不熟悉命令行或 SQL，推荐使用插件 Better Search Replace：

1. 安装并启用插件；
2. 搜索字符串：

   https://peixin.themedemo.top
   

   替换为：

   http://peixin.local
   

3. 勾选所有表；
4. 执行替换。

替换后，Elementor 会自动更新字体路径。

🚀 七、额外优化：清理 Elementor CSS 缓存

如果字体路径仍旧没变，可以手动删除 Elementor 的 CSS 缓存：

路径：

wp-content/uploads/elementor/css/

删除所有 .css 文件后，再次点击 “Regenerate Files & Data”。
Elementor 会重新生成干净的 CSS 文件并引用正确域名。

💡 八、总结

Elementor 是 WordPress 最强大的可视化构建器之一，但在迁移网站时，它的字体和文件缓存往往容易留下“旧域名残影”。
通过本文的四种方法，无论你是普通站长还是专业开发者，都能快速让字体资源重新指向正确的域名，让本地或新站环境运行更顺畅。