Я пытаюсь обновить какую-то тему с fontawesome 4 до 5. Пока что, кажется, все работает нормально, отображаются значки в тегах i. За исключением одного определенного c значка, который отображается как псевдоэлемент css.
Я следовал тому, что сказали в документации FA, но значок все еще не появляется. Даже не в виде квадрата, просто как ничто.
Вот используемые коды. Он должен отображать значок в середине hr:
html head:
<link href="css/font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
html body:
<hr class="star-light">
css:
hr.star-light:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f005";
display: inline-block;
position: relative;
top: -.8em;
padding: 0 .25em;
font-size: 2em;
font-style: normal;
font-variant: normal;
text-decoration: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
Я также пытался поставить сценарий обнаружения конфликта, и он действительно нашел один ... Но это не имеет смысла, так как есть только один конфликт: сам фа css all.min.css ... И я даже не уверен, что это связано с проблемой ... Прошло 2 часа, я застрял там, и мои поиски не дали мне ничего уместного. У кого-нибудь есть представление о том, что происходит? Или что я могу попробовать?
Вот весь репозиторий, если вы хотите попробовать. это тема hu go. Мой репо уже включает в себя Fontawesome 5: https://github.com/maxlefou/hugo-freelancer-theme
РЕДАКТИРОВАТЬ: Я только что нашел проблему. Это просто глупо: проблема возникает только в chrome и браузерах Chromium. Все работает на Firefox. Go цифры ...
Спасибо за помощь.