WordPress（Elementor）多余字体文件加载问题求助

第一步：找出多余字体的正确Handle #

你之前的代码无效，核心问题是用了字体文件路径当入队Handle，但wp_dequeue_style需要的是WordPress注册该样式时用的唯一标识（Handle），不是文件URL或路径。

怎么找正确的Handle：

• 打开浏览器开发者工具（F12），切换到「网络」标签，筛选「字体」或「样式表」；
• 找到多余字体对应的样式表，查看它的link标签里的id属性，格式通常是style-{handle}，比如Font Awesome的id可能是style-font-awesome，那Handle就是font-awesome；
• 或者在主题functions.php临时添加这段代码（测试后记得删除），直接打印所有已入队的样式Handle：

add_action( 'wp_enqueue_scripts', 'print_all_styles', 100 );
function print_all_styles() {
    global $wp_styles;
    foreach( $wp_styles->queue as $handle ) {
        echo $handle . '<br>';
    }
}

访问页面就能看到所有样式的Handle，对应找到字体相关的条目。

第二步：正确移除多余字体的代码 #

拿到正确Handle后，用下面的代码替换你原来的错误代码，放到主题的functions.php里（建议用子主题，避免主题更新丢失代码）：

function remove_unwanted_fonts() {
    // 示例：移除Font Awesome和Elementor自带图标字体
    wp_dequeue_style( 'font-awesome' );
    wp_deregister_style( 'font-awesome' );
    
    wp_dequeue_style( 'elementor-icons' );
    wp_deregister_style( 'elementor-icons' );
    
    // 这里添加你找到的其他多余字体的Handle
}
add_action( 'wp_enqueue_scripts', 'remove_unwanted_fonts', 999 );

注意：wp_dequeue_style是取消入队，wp_deregister_style是彻底注销样式，两者配合更稳妥；优先级设为999，确保在其他样式入队后执行。

第三步：Elementor后台直接禁用多余字体 #

除了代码，还可以直接在Elementor后台操作：

• 进入WordPress后台 → Elementor → 设置 → 高级；
• 找到「加载字体图标」选项，关闭它（可禁用Elementor自带的图标字体）；
• 如果用了Elementor Pro，检查「全局字体」设置，确保只启用你需要的那款Google Font，其他字体全部取消勾选。

第四步：排查其他插件/主题的字体来源 #

如果仍有多余字体，可能是其他插件或主题加载的：

• 禁用所有非Elementor的插件，逐个排查是哪个插件加载的；
• 检查当前主题的functions.php或自定义选项，看是否有自动加载字体的代码。

内容的提问来源于stack exchange，提问作者IT Guy