• Для скачивания ресурсов Форума пользователь должен написать не менее 5 полезных сообщений и получить 5 симпатий.
    Если Вы не хотите выполнять условия, Вы должны купить переход в группу "Работяга" или любое наше дополнение и сможете скачивать ресурсы, перевод происходит по email, который указывается при оплате.
Font Awesome Pro

Font Awesome Pro 5.15.1

Нет прав для скачивания
Шрифты для оформления сайтов Font Awesome.

baltun

Администратор
Сообщения
6.623
Реакции
1.863
Баллы
1.833
Подключение и использование шрифтов, краткий пример с офф сайта:
HTML:
<head>
  <!-- reference your copy Font Awesome here (from our CDN or by hosting yourself) -->
  <link href="/your-path-to-fontawesome/css/fontawesome.css" rel="stylesheet">
  <link href="/your-path-to-fontawesome/css/brands.css" rel="stylesheet">
  <link href="/your-path-to-fontawesome/css/solid.css" rel="stylesheet">

  <!-- custom styling for all icons -->
  i.fas,
  i.fab {
    border: 1px solid red;
  }

  <!-- custom styling for specific icons -->
  .fa-fish {
    color: salmon;
  }

  .fa-frog {
    color: green;
  }

  .fa-user-ninja.vanished {
    opacity: 0.0;
  }

  .fa-facebook {
    color: rgb(59, 91, 152);
  }
</head>
<body>
  <i class="fas fa-fish"></i>
  <i class="fas fa-frog"></i>
  <i class="fas fa-user-ninja vanished"></i>
  <i class="fab fa-facebook"></i>
</body>
 

dim6461

Местный
Сообщения
23
Реакции
18
Баллы
38
Подключение и использование шрифтов, краткий пример с офф сайта:
HTML:
<head>
  <!-- reference your copy Font Awesome here (from our CDN or by hosting yourself) -->
  <link href="/your-path-to-fontawesome/css/fontawesome.css" rel="stylesheet">
  <link href="/your-path-to-fontawesome/css/brands.css" rel="stylesheet">
  <link href="/your-path-to-fontawesome/css/solid.css" rel="stylesheet">

  <!-- custom styling for all icons -->
  i.fas,
  i.fab {
    border: 1px solid red;
  }

  <!-- custom styling for specific icons -->
  .fa-fish {
    color: salmon;
  }

  .fa-frog {
    color: green;
  }

  .fa-user-ninja.vanished {
    opacity: 0.0;
  }

  .fa-facebook {
    color: rgb(59, 91, 152);
  }
</head>
<body>
  <i class="fas fa-fish"></i>
  <i class="fas fa-frog"></i>
  <i class="fas fa-user-ninja vanished"></i>
  <i class="fab fa-facebook"></i>
</body>
Спасибо конечно. Ну где этот код на сайте? В какую папку закидывать? Не понятно.
 

baltun

Администратор
Сообщения
6.623
Реакции
1.863
Баллы
1.833
Вот тут указано, если вы хотите подключить шрифты к своему проекту например тогда размещение и путь к папкам вы указываете свои в Xenforo 2 шрифты уже подключены, только не помню free или их платная версия, тут только нужно через css или Less выводить шрифты и все, как например сделано на нашем форуме во многих местах.
 
Верх Низ