Php 使用CSS更改字体图标无效

我们想在我们的WordPress主题中为整个web修改一个很棒的字体图标。该主题是使用框架bebel构建的，我们不知道如何修改HTML来更改代码中的类，因为它还使用VisualComposer来定制框

然后我们想通过css来更改图标，我将使用一个选项来添加我的主题的额外css，我将使用以下规则：

CSS输入：

更改不适用，在chrome中脉冲F12并检查图标。CSS规则如下所示

CSS输出：

CSS输出图像：

保存css时，主题是否可能以某种特殊方式在php中处理？谁知道为什么会这样

---

谢谢大家!

似乎缺少fontawesome，因此请下载它并将其放置在您的主题css文件夹中，并将其链接到您的functions.php中

 function enqueue_fontawesome(){
    wp_enqueue_style( 'font-awesome', $template_dir . '/css/font-awesome.min.css', array() );
}
add_action('wp_enqueue_scripts','enqueue_fontawesome');

---

根据主题文件夹结构更改css文件路径。希望这对你有用。

我刚刚解决了它。我已经从包含主题的全局css选项中删除了css，并将相同的代码粘贴到WordPress子主题的style.css文件中。现在它工作得很好，尽管我仍然不明白为什么它以前不工作。我怀疑这将是通过php编写css的某种方式

---

谢谢大家!

你能展示一下你如何输出修改的代码吗？你有没有尝试过重新安排样式表的顺序？您可能希望DOM最后加载您自己的样式表。这很奇怪，它在JSFIDLE中似乎工作得很好-这个错误是另一个错误，但对其他人来说可能是一个有用的答案，谢谢。

.fa-location-arrow::before {
     Font-family: FontAwesome;
     Content: \"\\f041\" !important;
 }

 function enqueue_fontawesome(){
    wp_enqueue_style( 'font-awesome', $template_dir . '/css/font-awesome.min.css', array() );
}
add_action('wp_enqueue_scripts','enqueue_fontawesome');