@Alexander3928

Как указать фиксированое размер для иконки font awesome?

Мне нужно чтобы иконка была с размерами 30x30, не больше и не меньше. Как это можно сделать для иконок font awesome?

https://codepen.io/Alexxxsander/pen/dydWrGX
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
Учитывая соотношение сторон иконок фонтэйвесом 1.25:1 (максимум, есть от квадратных до таких), решение для подключения через шрифт в общем случае такое: https://codepen.io/FragsterAt/pen/OJQmqow
Для индивидуальных иконок можно подобрать свои размеры.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.fa {
  width: 1em;
  height: 1em;
  font-size: 30px;
  display: inline-block; // Чтобы высота сработала точно
}
Ответ написан
Комментировать
firedragon
@firedragon
Senior .NET developer
.fa-gears {
 
  border: 2px solid red;
  width: 30px;
  height: 30px;
  font-size:24px;/*поиграйтесь размерами*/
}


Но правильней использовать документацию
https://fontawesome.com/docs/web/style/size
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы