“Caso contrário”
![]()
Como este é um componente de tema #oficial, ele é mantido pela equipe do Discourse (e também é bastante popular), então não está de forma alguma desatualizado.
Embora eu ache que você já tenha uma resposta em seu outro tópico:
“Caso contrário”
![]()
Como este é um componente de tema #oficial, ele é mantido pela equipe do Discourse (e também é bastante popular), então não está de forma alguma desatualizado.
Embora eu ache que você já tenha uma resposta em seu outro tópico:
Por alguns meses, tive alguns ícones quebrados no Brand Header, provavelmente desde a renomeação do FA6. Finalmente consegui corrigi-los e pensei que poderia ajudar outros a comentar como o nome deve ser tratado para que funcione.
Acho que pode ser um pouco confuso ter que procurar um mapeamento no código-fonte, verificar o site do FA e mexer com os prefixos fa-, fas- (e sem prefixos) para ver como fazer funcionar. Triplamente irritante e não há erro no console se um ícone não for encontrado, então é totalmente tentativa e erro cega.
Consegui fazer funcionar e aqui está uma tabela explicando o que vai onde:
Configuração do objeto Icons no componente |
Configuração custom font awesome icons no componente |
Configuração do Site svg icon subset |
|---|---|---|
user |
fa-user |
fa-user |
envelope |
fa-envelope |
fa-envelope |
calendar-days |
fa-calendar-days |
fa-calendar-days |
fab-facebook |
(não necessário) | (não necessário) |
Apenas sinto que deveria haver uma maneira de se referir a um ícone FA em todo o Discourse e tudo deveria aderir a essa única maneira.
Isso me levou até certo ponto do que eu queria, mas ainda estou com dificuldades para fazer dois ícones aparecerem:
Eu também não consigo fazer com que os ícones fa-facebook, fa-instagram ou fa-discord apareçam, apenas os do tipo fab-*, como fab-facebook.
Alguma dica?
Acho que você precisa usar fab como prefixo. Pelo que sei, o b em fab é para “brand” (marca). Então seu ícone tem fab para marca, fas para sólido, ou fa para a versão regular.
Então eu acho que é fab-mastodon e fab-bluesky. E não existe uma versão como fa-facebook. Talvez você prefira um dos outros ícones do Facebook?
Além disso, não se esqueça de adicionar os nomes dos ícones à configuração custom_font_awesome_icons.
Sim, eu consegui fazer funcionar usando fab-bluesky
Obrigado, não sei como deixei passar, mas adicionar fab-bluesky e fab-mastodon tanto à lista de configuração “Ícones Font Awesome personalizados” quanto adicionar itens de menu foi o que finalmente resolveu.
Agradeço a todos!