 |
Resumo | Discourse FontAwesome Pro permite o uso de ícones Font Awesome Pro no Discourse com uma licença FontAwesome usando o token do pacote NPM da sua conta. |
 |
Link do Repositório | https://github.com/discourse/discourse-fontawesome-pro |
 |
Guia de Instalação | Como instalar plugins no Discourse |
Configuração
Ative a configuração do site fontawesome pro icons enabled e insira seu token do pacote font awesome pro (observe que é diferente do seu token de API) na configuração do site fontawesome auth token. O Discourse baixa os ícones em segundo plano.
Você também pode definir o token com a variável de ambiente DISCOURSE_FONTAWESOME_AUTH_TOKEN. Se este método for usado, a chave não será editável na interface do usuário.
Versões anteriores deste plugin exigiam executar scripts/install.sh em seu app.yml. Isso não é mais necessário e pode ser removido.
Escolhendo uma família substituta:
Nas configurações de administrador, você pode substituir a família padrão de ícones do Discourse:
Escolhendo um estilo substituto:
Você também pode substituir o estilo padrão do ícone:
Duotone
Para ter controle total sobre o suporte duotone, você precisará substituir o seguinte CSS (em um tema ou de outra forma) e substituí-lo por seu próprio esquema de cores:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Para colorir ícones individuais, referencie o ID do SVG:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Atualização de Estilo Duotone
Se você estiver usando seletores baseados em classes como:.fa-secondary { color: red; }Você precisará atualizar seu estilo para usar propriedades personalizadas de CSS em vez disso. As substituições de cor baseadas em classes não funcionam mais, pois foram descontinuadas no Font Awesome v7
Por baixo dos panos, isso está usando o repositório da FontAwesome para instalar fontes na pasta SVG do plugin, e permite que o Discourse carregue os sprites de lá.
