You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress Elementor主题navbar font family仅产品分类页面不加载问题

解决Elementor导航栏字体在产品分类页失效的问题

问题:在WordPress的Elementor主题中修改了导航栏的字体,该设置在网站所有页面均正常生效,但进入产品分类页面时,字体无法加载。

排查解决步骤:

  • 检查产品分类页的Elementor模板:产品分类页可能使用了独立的Elementor模板,未同步导航栏字体设置。进入Elementor模板库找到对应分类页模板,编辑导航栏组件,确认字体家族配置和其他页面一致。
  • 处理WooCommerce样式覆盖:产品分类页由WooCommerce生成,其默认CSS可能优先级更高,覆盖了Elementor的字体设置。按F12打开浏览器开发者工具,选中导航栏文字查看font-family属性,若发现被WooCommerce样式覆盖,可在Elementor自定义CSS中添加高优先级样式:
    .elementor-nav-menu a {
        font-family: "你的目标字体名称" !important;
    }
    
    替换其中的字体名称为你实际使用的字体。
  • 确认字体全局加载:进入Elementor站点设置→全局字体,确保所选字体已全局启用;或检查主题functions.php中的字体加载代码,保证所有页面都能加载到字体文件。
  • 清除缓存:清空网站缓存插件(如WP Rocket、W3 Total Cache)及浏览器缓存,避免旧缓存导致新样式未生效。

内容的提问来源于stack exchange,提问作者P2P

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 13:36:30