努力用我的徽标替换模板中的Font Awesome Icon

Question

我正在使用html5up模板制作网站，并且html的一部分具有一个范围内的菱形图标类，我想使用自己的png徽标进行更改。

菱形图标既不在图片文件夹中，也不在CSS中，所以我不确定如何有效替换圆圈中的图像？如下：

<div class="logo"> <span class="icon fa-diamond"> </span> </div>

只想知道将图像放置在哪个文件夹中，这是SASS代码吗？ Java的？

如果您需要更多信息，请告诉我。

Answer 1

该图标不是图像。这是一种名为“字体真棒”的字体。如果要替换此图标，只需从跨度中删除此类，然后通过以下方式添加您的img

 <span class="logo"> <img class="logo__img" src="/img/yourimg.img" alt="this is your image"><span/>

查看模板的默认style.css文件，并检查class =“ icon fa-diamond”样式并将其复制到img.png中，但请确保将字体大小样式更改为图像的高度。 / p>

.logo {
/* replace this value to a value from Font Awesome icon style*/
width: 2rem; 
height: 2rem;
}
.logo__img {
display: block;
width: 100%;
}