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

Question

我正在使用html5up模板创建一个网站，并且有一部分html中有一个菱形图标类，我希望用我的png徽标更改。

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

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

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

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

Answer 1

此图标不是图像。这是字体命名：字体真棒。如果您想要替换此图标，只需从span中删除此类并添加您的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，但请确保将字体大小样式更改为图像的高度。

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