wp_nav_menu字体很棒

Question

我正在尝试从html网站获取此代码并通过wp_nav_menu函数将其放入我的主题中：

<div class="bottom">
<!-- Social Icons -->
    <ul class="icons">
        <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
        <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
        <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
        <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
    </ul>

到目前为止，我已将书面文字显示在正确的位置，但我无法让课程显示实际图标而不是文本。我希望它看起来与上面粘贴的代码完全一样。这是我正在使用的当前功能。

<div class="bottom">
<?php if ( has_nav_menu( 'social-media' ) ) {

    wp_nav_menu(
        array(
            'theme_location'  => 'social-media',
            'container'       => 'false',
            'container_id'    => '',
            'container_class' => '',
            'menu_class'      => 'icons',
            'depth'           => 1,
            'fallback_cb'     => '',
        )
    );
} 
?>
</div>

我非常感谢您提供的任何帮助。