css - WordPress 不显示字体图标\f0d7

Question

你好，

我已经设置了一个 WordPress 网站并选择了一个主题 (Metrolo) 和 WooCommerce。菜单项应该有一个向下箭头 (\f0d7) 我认为这是由主题设置的。箭头未显示，只有一个空框。

我检查了 CSS 并看到了这个:

.sf-menu.sf-arrows .sf-with-ul:after {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    speak: none;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    content: "\f0d7";
    float: right;
    margin-left: 5px;
}

到目前为止，我读到的是它似乎不是主题或 WordPress，而是托管问题。

我对网站后端的唯一访问权限是通过控制面板。

Answer 1

根据我们的评论，font-awesome 样式表似乎尚未在您的网站上排队。

您可以通过主题文件或自定义插件自己将其加入队列来轻松纠正此问题:

---

通过主题文件排队:

在您的 functions.php 文件中添加以下行:

add_action( 'wp_enqueue_scripts', 'so_my_custom_scripts' );
function so_my_custom_scripts() {
    wp_enqueue_style( 'llt-google-fonts', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css?ver=4.9.6' );
}

---

通过自定义插件排队:

如果您无权访问您的 functions.php 文件，或者您没有使用子主题并且不愿意冒险将其添加到您的主主题中，您可以随时添加您自己的插件以将其加入队列你。

将以下代码添加到名为 mcfae 的文件夹中名为 mcfae.php 的空白 php 文件中，然后通过 ftp 将该文件夹上传到您的插件目录，或者将文件夹并从插件仪表板中上传。

<?
/*
Plugin Name: My Custom Font Awesome Enqueuer
Plugin URI: https://stackoverflow.com/a/50832019/6049581
Description: Ensures that Font Awesome is enqueued.
Version: 1.0.0
Text Domain: mcfae
Author: TungstenX
Author URI: https://stackoverflow.com/a/50832019/6049581
*/
add_action( 'wp_enqueue_scripts', 'mcfae_enqueue_scripts' );
function mcfae_enqueue_scripts() {
    wp_enqueue_style( 'llt-google-fonts', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css?ver=4.9.6' );
}