Ícones não estão mais sendo exibidos no componente de tema

Suporte
1

Olá.
Configurei ícones no componente do meu tema, com cor branca, usando este HTML:

<a class="header-social-link" title="La Commission Nationale Monocycle no 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 no 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>

Notei recentemente que esses ícones não aparecem mais; talvez tenha ocorrido após a atualização para a versão 2.6.0beta1.

image
image329×102 1.76 KB

image
image253×206 2.93 KB

Atualizei para a versão 2.6.0beta2, mas nada mudou.
Aqui está meu subconjunto de ícones:
image

Alguma ideia do motivo pelo qual eles não aparecem mais?

2

Vejo que a cor está definida em a.header-social-link na sua captura de tela. Se você inspecionar o elemento SVG dentro do link… há alguma cor definida ali?

3

Não, apenas isso (conteúdo padrão):

.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;
}

E adicionar um atributo de cor não altera nada. Na verdade, o ícone parece não estar sendo exibido. Talvez seja porque ele não encontra o ícone no conjunto?

Se quiser verificar a página real:

Onde o ícone está localizado (na verdade, há dois ícones):

image
image2498×1440 435 KB

4

Você tentou usar o prefixo fab- antes de facebook-f e youtube nessa configuração? Eu uso o prefixo para todos os ícones, inclusive o fa-.

5

Sim, agora funciona.

Qual foi a mudança relacionada a isso na nova versão do Discourse, já que estava funcionando antes (há alguns dias/semanas)? :thinking:

Essa coisa de prefixo é confusa.

Obrigado, @Steven :sports_medal:

6

boa observação, @Steven. Recentemente, removemos o suporte aos nomes de ícones das versões anteriores do Font Awesome.