[英]Struggling to replace Font Awesome Icon with my logo in template
我正在使用html5up模板制作网站,并且html的一部分具有一个范围内的菱形图标类,我想使用png徽标进行更改。
菱形图标既不在Pictures文件夹中也不在CSS中,因此我不确定如何有效替换圆圈中的图像? 其内容如下:
<div class="logo"> <span class="icon fa-diamond"> </span> </div>
只是想知道将图像放置在哪个文件夹中,这是SASS代码吗? Java的?
如果您需要更多信息,请告诉我。
此图标不是图像。 这是一种名为“字体真棒”的字体。 如果要替换此图标,只需从跨度中删除此类,然后通过以下方式添加您的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%;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.