Содержание
Font Awesome действительно потрясающий
Мы используем его с очень долгого времени, как почти 3 года. Иногда я писал статью о том, как добавить Font Awesome на ваш сайт WordPress .
Выше учебник отлично работает без проблем. Но что, если вы хотите использовать новые Font Awesome 5 и еще шрифты? Он имеет 189 новых иконок из их старой версии 4.7.0. Он охватывает практически все векторные иконки и социальные логотипы для ваших нужд. Вы хотите включить иконки SVG, тогда это то, что вам нужно.
Давайте начнем с того, как включить Font Awesome 5 в ваш блог на WordPress:
Шаг 1
Добавьте ниже URL-адреса в раздел заголовка вашего сайта между ... раздел.
|
1
|
< link href = https://use.fontawesome.com/releases/v5.0.8/css/all.css rel = stylesheet >
|
Я использую тему Genesis и добавил выше CSS для Header Scripts раздел.
Шаг 2
Допустим, вы хотите включить значок Twitter. Просто добавьте ниже в ваш раздел HTML .
В боковой панели, если вы хотите добавить те же значки, просто измените ваш HTML, как вам нужно. Вот образец:
But please note:faпрефикс устарел в версии 5. Новое значение по умолчаниюfasтвердый стиль иfabстиль для брендов.
Если вы используете ::before пометьте где-нибудь, затем попробуйте использовать ниже CSS для файла style.css вашего сайта:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
, coolh3:: перед тем {
цвет : # b11f24;
содержание : / f058 ;
font — family : «Font Awesome 5 Free» ;
поле — справа : 10 пикселей ;
}
, запись — категории а : раньше , , запись — теги а: перед тем {
вертикальный — выровнять : верх ;
содержание : / f0a4 ;
font — family : «Font Awesome 5 Free» ;
цвет : # b11f24;
поле — справа : 8 пикселей ;
}
|
0.00 (0%) 0 votes
