Столкнулся с проблемой - используя иконки в CSS с помощью псевдоэлементов - вместо самой иконки появляется просто квадрат. Если же указать в HTML через тег <i>
, то всё работает.
Я пробовал подключать ссылки разных версий, на данный момент стоит последняя:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-VY3F8aCQDLImi4L+tPX4XjtiJwXDwwyXNbkH7SHts0Jlo85t1R15MlXVBKLNx+dj" crossorigin="anonymous">
Вот пример как я подключал:
.breadcrumbs ul li a {
position: relative;
font-size: 15px;
font-weight: normal;
line-height: 6px;
color: #454647;
padding-right: 35px;
}
.breadcrumbs ul li a:before {
position: absolute;
font-family: FontAwesome;
top: 0;
right: 0;
content: "\f30b";
}