Подключить шрифт  Font Awesome  5.3.1

Мануал 2.x Подключить шрифт Font Awesome 5.3.1

Подключение шрифта Font Awesome 5.3.1 на Вашем форуме XenForo 2.
  • Автор темы SOUL
  • Дата создания

SOUL

Создатель
Сообщения
7 887
Репутация
11 134
Баллы
266
SOUL разместил(а) новый ресурс:

Подключить шрифт Font Awesome 5.2.0 - Подключение шрифта Font Awesome 5.2.0 на Вашем форуме XenForo 2.

Ниже будет описано, как подключить шрифт Font Awesome 5.2.0 на Вашем форуме XenForo 2.

Правки шаблонов, приведенные ниже, осуществляйте с помощью системы модификации шаблонов XenForo!

Создайте модификацию шаблона PAGE_CONTAINER в поле Найти введите:
Код:
<head>
В поле заменить:
Код:
<head>
<link rel="stylesheet"...
Посмотреть страницу этого ресурса...
 
  • Мне нравится
Реакции: bash
2

25517

Небольшая поправка,
В поле заменить:
Код:
$0
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
И будет по фен-шую:)
 

SOUL

Создатель
Сообщения
7 887
Репутация
11 134
Баллы
266
sonic, поправила.
 

Skaiman

[SVG]ADD-ONS ™
Администратор
Сообщения
6 341
Репутация
6 200
Баллы
266
Без самого шрифта про, подключение бесплатного не имеет смысла. Мой совет забыть про Font Awesome и использовать

Пожалуйста, Войдите или Зарегистрируйтесь для просмотра скрытого текста.

 

g0dzcsgo

Проверенный
Сообщения
1
Репутация
0
Баллы
1
I cant get this to my work, like the following:
HTML:
 <head>
    <Link rel = "stylesheet" href = "[URL]https://use.fontawesome.com/releases/v5.3.1/css/all.css[/URL]" integrity = "sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK / iSvJ + a4 + 0owXq79v + lsFkW54bOGbiDQ" crossorigin = " anonymous ">
    <meta charset = "utf-8" />
    <meta http-equiv = "X-UA-Compatible" content = "IE = Edge" />
    <meta name = "viewport" content = "width = device-width, initial-scale = 1">
CSS:
CSS:
 .username [data-user-id = "1"]: before {
    font-family: 'FontAwesome';
    content: "\ f521";
    font-weight: bolder;
    font-size: 100%;
    padding-right: 0;
}
As you can see im trying to use FontAwesome icons for the unique icons infront of the name, since i dont wanna go thru the trouble of creating an font.
 
Последнее редактирование модератором:

sonic

[KST]
Администратор
Сообщения
2 065
Репутация
3 635
Баллы
153
1. не пользоваться тупым копипастом, а понимать что и куда вставляем. как минимум в 5 версии шрифт называется иначе.
2. если столько времени вам хватало 4 версии шрифта, что мешает подождать еще месяцок пока выйдит финальная версия 2.1, там 5 из коробки и ничего руками добавлять не надо.
 
Сверху Снизу