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

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

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

SOUL

АдминкА
Администратор
Сообщения
7.802
Симпатии
10.994
Баллы
266
#1
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"...
Посмотреть страницу этого ресурса...
 
2

25517

#2
Небольшая поправка,
В поле заменить:
Код:
$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.802
Симпатии
10.994
Баллы
266
#3

sonic

[KST]
Администратор
Сообщения
1.756
Симпатии
3.102
Баллы
153
#4
Теперь работаем с последней версией Font Awesome: 5.3.1
а с чего это вдруг если в мануале как было указано href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" так и осталось
 

Skaiman

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

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

 

g0dzcsgo

Проверенный
Сообщения
1
Симпатии
0
Баллы
1
#7
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]
Администратор
Сообщения
1.756
Симпатии
3.102
Баллы
153
#8
1. не пользоваться тупым копипастом, а понимать что и куда вставляем. как минимум в 5 версии шрифт называется иначе.
2. если столько времени вам хватало 4 версии шрифта, что мешает подождать еще месяцок пока выйдит финальная версия 2.1, там 5 из коробки и ничего руками добавлять не надо.
 
Вверх Снизу