Font Awesome 5 SVG предотвращает рендеринг псевдосцепных иконок
В версии 4 я бы использовал цепочку значков для графика оценок.
В версии 5 мы должны сконфигурировать атрибуты Psuedo, чтобы позволить им вести себя корректно, но теперь связанные значки в контенте больше не распознаются Font Awesome 5.
FontAwesomeConfig = { searchPseudoElements: true };
Код ниже не будет отображаться как svg.
.ratings::before{
font-family: "Font Awesome 5 Solid";
display: none;
}
.ratings-four-five::before{ content: "\f005 \f005 \f005 \f005 \f089";}
Есть ли какая-то работа, которую я пропускаю (например, предотвращение создания SVG) или подход "наилучшей практики" для решения этой проблемы?