用 Elementor 设计页面时，很多人都会遇到一个头疼的问题：字体明明在编辑器里改了，前台却完全没变化。原因往往出在主题样式的“干预”。也就是说，主题的 CSS 抢了控制权，让 Elementor 的字体设置不能正常生效。
别担心，这个问题并不复杂。只要找到关键点，几步操作就能解决。
1. 了解谁在控制字体
WordPress 页面字体的来源主要有三种：
主题自带样式（如 Astra、Hello、OceanWP 等）
单个模块手动设置的字体
如果页面上的字体没有变化，大概率是主题的 CSS 优先级更高，把 Elementor 的设置“盖”过去了。
2. 启用 Elementor 的字体控制功能
Elementor 提供一个选项，让它接管整个站点的颜色和字体。
进入后台 → Elementor → 设置 → 常规
勾选“禁用默认颜色”和“禁用默认字体”
这样做之后，Elementor 会忽略主题的默认样式，采用自己设置的字体。
接着再进入 Elementor → 自定义字体，重新设定一次你希望使用的字体。保存后刷新页面，通常就能看到变化。
3. 检查主题是否强制加载字体
部分主题会在代码中使用 !important 强行指定字体。解决方式如下：
进入外观 → 自定义 → 排版
将所有字体选项改为“默认”或留空，让主题不再干预
或者添加自定义 CSS，例如：
body {
font-family: ‘Roboto’, sans-serif !important;
}
这段样式可以放在 Elementor 的自定义 CSS 区域或 WordPress 的附加 CSS 中。
4. 清除缓存和刷新 CSS
有时设置无效并非冲突，而是缓存没更新。
操作建议：
Elementor → 工具 → 重新生成 CSS 文件
清除浏览器缓存
如果使用了 CDN，如 Cloudflare，也要同步刷新
可以尝试用浏览器的无痕窗口打开页面，看看是否有变化。
5. 排查插件影响
某些插件可能会加载额外的样式表，干扰 Elementor 的字体渲染。例如字体管理器、安全插件或页头脚本插件。
可以暂时停用最近添加的插件，逐一检查，找出是否存在样式冲突。如果找到了，就考虑更换插件或调整加载顺序。
6. 建议使用 Elementor 网站设置统一管理字体
最推荐的做法是使用 Elementor 提供的“网站设置”功能，提前定义好全站的排版风格。
Elementor 编辑器→ 主题设置 → 排版
在这里可以设置正文、标题、按钮等各类字体样式，统一管理，更省心也更规范。
总结
Elementor 字体设置经常受到主题样式、缓存和插件的影响。解决问题的关键在于明确“谁控制了字体”，并通过禁用主题默认值、使用网站设置、刷新缓存和添加自定义 CSS 等方式，重新建立控制权。
掌握这些方法后，你在调样式时会更有方向。把页面打理得干净清晰，字体就是最直接的视觉语言之一，值得认真对待。