Как уменьшить размер значка font-awesome?

каков наилучший способ уменьшить размер значка шрифта awesome. Существует fa-3x и т. д... чтобы увеличить размер. Есть ли класс для уменьшения размера?

19
font-awesome font-awesome-4.0.0

3 ответов

шрифт-удивительные значки, как следует из названия, основаны на шрифтах. Это означает, чтобы уменьшить их размер все, что вам нужно сделать, это уменьшить их font-size:

.fa {
    font-size: 12px;
}
32

есть два шрифта удивительные классы для использования, если вам нужно что-то простое: fa-xs и fa-sm.

размер эквиваленты:

  • fa-xs: .75em
  • fa-sm: .875em
10

шрифт-удивительная модификация размера значка:

  1. свойство"размер шрифта" в атрибуте "стиль":

    <i class="fas fa-search" style="font-size: 25px;"></i>

  2. свойство"размер шрифта" в таблице стилей CSS (как показано в принятом ответе)

    .fa {
    font-size: 12px;
}

  3. HTML-теги

    <small>
    <i class="fas fa-search"></i>
</small>
4