Cabeçalho da Marca

“Caso contrário” :raised_hand: :slight_smile:

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:

5 curtidas

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.

4 curtidas

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.

2 curtidas

Sim, eu consegui fazer funcionar usando fab-bluesky

1 curtida

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!

1 curtida