在模板中努力用我的徽标替换字体很棒的图标

Question

我正在通过HTML5UP模板制作一个站点，并且HTML的一部分在跨度中具有钻石图标类，我想通过我的PNG徽标更改。

钻石图标不在图片文件夹中或CSS中，所以我不确定如何有效地替换圆圈中的图像？如下：

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

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

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

Answer 1

此图标不是图像。这是名称的字体：字体很棒。如果要替换此图标

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

查看您的模板默认样式。css文件，然后检查class ="图标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%;
}