Значки больше не отображаются в компоненте темы

Поддержка
1

Здравствуйте.
Я настроил иконки в компоненте своей темы, задав им белый цвет, с помощью следующего HTML-кода:

<a class="header-social-link" title="La Commission Nationale Monocycle на Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
    <svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle на YouTube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
    <svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>

Недавно я заметил, что эти иконки больше не отображаются. Возможно, это произошло после обновления до версии 2.6.0beta1.

image
image329×102 1.76 KB

image
image253×206 2.93 KB

Я обновился до версии 2.6.0beta2, но это ничего не изменило.
Вот мой набор иконок:
image

Есть ли какие-то идеи, почему они больше не появляются?

2

Я вижу, что цвет задан для a.header-social-link на вашем скриншоте. Если вы проверите элемент SVG внутри ссылки… задан ли там цвет?

3

Нет, только это (стандартный набор):

.svg-icon, .svg-icon-title {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-flex;
    position: relative;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

И добавление атрибута color ничего не меняет. На самом деле иконка, похоже, не отображается. Возможно, она не находит иконку в наборе?

Если хотите проверить реальную страницу:

Где находится иконка (на самом деле их две):

image
image2498×1440 435 KB

4

Вы пробовали использовать префикс fab- перед facebook-f и youtube в этой настройке? Я использую префикс для всех иконок, даже для fa-.

5

Да, теперь это работает.

Что изменилось в новой версии Discourse, раз раньше это работало (несколько дней/недель назад)? :thinking:

Эта история с префиксами запутывает.

Спасибо, @Steven :sports_medal:

6

Отличное замечание, @Steven! Мы недавно убрали поддержку названий иконок из предыдущих версий Font Awesome.