Php 字体可怕的图标显示为倾斜“；汉堡包菜单“；在WordPress网站上

这似乎与“字体超级图标不显示”或“字体超级图标显示为空框”不同。因为在本例中，字体图标几乎显示为倾斜的汉堡包菜单，每个菜单有五行：

我在我的

functions.php

文件中加载了Font Awesome和Bootstrap，如下所示（这是一个WordPress主题）：

就像我说的那样

有人知道为什么图标会这样显示吗

以下是现场直播：

---

我在控制台或网络中没有看到任何错误。

您使用的是font awesome 4.7.0。将其升级到5.x版或使用适合您的版本的正确语法

<?php

function custom_theme_assets() {
    wp_enqueue_style( 'style', get_stylesheet_uri() );
    wp_enqueue_style('cancom-bootstrap', 'https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css', array(), '1.0', 'all');
    wp_enqueue_style('cancom-fontawesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css', array(), '1.0', 'all');
}
 
add_action( 'wp_enqueue_scripts', 'custom_theme_assets');

<div class="top-header-left">
   <i class="fab fa-facebook-f"></i>
   <i class="fab fa-twitter"></i>
   <i class="fab fa-instagram"></i>
</div>

<div class="top-header-left">
   <i class="fa fa-facebook"></i>
   <i class="fa fa-twitter"></i>
   <i class="fa fa-instagram"></i>
</div>