Пытаемся заменить Font Awesome Icon на мой логотип в шаблоне

Question

Я делаю сайт из шаблона html5up, и есть часть html, которая имеет класс диамантовых значков в диапазоне, который я хотел бы изменить с помощью моего логотипа png.

diamondзначка нет ни в папке с картинками, ни в css, поэтому я не уверен, как бы я эффективно заменил изображение в круге?Это выглядит следующим образом:

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

Просто интересно, в какую папку я поместил бы мое изображение, это был бы код SASS?Джава?

Если вам нужна дополнительная информация, дайте мне знать.

Answer 1

Этот значок не является изображением.Это шрифт с именем: Font awesome.Если вы хотите заменить этот значок, просто удалите этот класс из 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%;
}