Контент CSS с иконкой Font Awesome light - PullRequest
Новая
       11

Контент CSS с иконкой Font Awesome light

0 голосов
/ 01 июня 2018

У меня есть следующий код CSS 

content: "\f061";
color: #006697;
font-family: FontAwesome;

, чтобы добавить стрелку вправо после элемента, но я бы хотел, чтобы стрелка была светлой, а не жирной.Свойство Font-weight не работает, и я НЕ могу добавить HTMT, например, "i class =" fal fa-arrow-right "в атрибуте содержимого.

Кто-нибудь знает, как мне этого добиться? Спасибо

Редактировать : я нашел этот метод для уменьшения веса обводки
-webkit-text-stroke: 2px # 3EC5E6; Но моя проблема в том, что я использую фон с непрозрачностью, и у меня естьнекоторые проблемы с соответствием цветов из-за альфа

Edit2 Я переключился на цвет RGB вместо RGBA, и вышеприведенное решение прекрасно работает сейчас

Ответы [ 2 ]

0 голосов
/ 04 июня 2018

Не уверен, что что-то в FA5 Pro изменилось в последней версии, но принятый ответ Реза Саадати мне не помог - мне пришлось сделать это: 

p:before{
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    content:"\f10d";
}
0 голосов
/ 01 июня 2018

Вы, вероятно, используете классы fas и fa-arrow-right.Вместо fas используйте fal.Но это только для Font Awesome 5 Pro.

Редактировать:

Использовать font-family: "Font Awesome 5 Light", который также доступен для Font Awesome 5 Pro.

...