添加图像以替换PHP中的FA图标

Question

我正在使用wordpress主题Blackfyre，所以所有的CSS和HTML都已经完成了。我试图直接改变包含页眉和页脚的PHP编码。 我已经成功地将FA图标更改为更合理的东西，但我可以将其更改为img吗？ FA目前没有Discord图标，我想通过img添加我自己的图标。

<div id="main_wrapper">
<div class="above-nav container">
    <div class="social-top">
        <?php if ( of_get_option('dribbble') ) { ?> <a class="dribbble" target="_blank" href="<?php  echo esc_url(of_get_option('dribbble_link'));  ?>"><i class="fa fa-microphone"></i> <i class="fa fa-headphones"></i> </a><?php } ?>
        <?php if ( of_get_option('youtube') ) { ?> <a class="youtube" target="_blank" href="<?php echo esc_url(of_get_option('youtube_link'));   ?>"><i class="fa fa-youtube"></i> </a><?php } ?>
    </div>

    <div class="clear"></div>
</div>

我正在尝试替换

<i class="fa fa-microphone"></i> <i class="fa fa-headphones"></i>

使用img图标链接。任何帮助将不胜感激。

目前看起来如下所示，但我想用不和谐图标img替换耳机/麦克风。

Answer 1

这里只是猜测，因为你没有发布你的CSS。不过，这对我来说已经过去了。

摆脱“fa fa-headphones”。

<i class="fa fa-microphone"></i>

删除“fa-microphone”以丢失图标，但保持fa布局。

<i class="fa"></i>

插入图片......

<i class="fa"><img src="yourimage.png"></i>

根据需要设计风格。这可以在CSS文件或内联中完成。例如......

<i class="fa" style="height: 15px"><img src="yourimage.png"></i>