Introducing Font Awesome 5 and SVG icons

Anúncios
126

11 posts foram movidos para um novo tópico: Como substituir um ícone SVG existente por um personalizado?

137

5 posts foram movidos para um novo tópico: Como usar o ícone RSS do Font Awesome?

142

2 posts foram divididos em um novo tópico: Como usar o pulso do Font Awesome como ícone de carregamento?

143

Existe um plano para atualizar o Font Awesome para a versão 6?

7 curtidas
144

Boa pergunta, atualmente não temos um plano para atualizar para o Font Awesome 6, mas vamos analisar isso em breve.

10 curtidas
146

Já vi vários lugares que continuam com o font-awesome 5 porque o conjunto na versão 6 estava faltando algumas coisas (que agora estão em níveis pagos).

Não sou contra a atualização, é apenas algo a se ter em mente.

10 curtidas
156

Hã. Eles fazem uma grande propaganda sobre retrocompatibilidade, então isso parece surpreendente. Você tem um link para algo listando o que está faltando?

2 curtidas
157

Sem link, desculpe, apenas um relato por enquanto. Lembro que @pmusaraj lutou um pouco com isso.

5 curtidas
158

Você já considerou Fork Awesome, a fork of the iconic font and CSS toolkit?

3 curtidas
159

Ainda não, mas parece bem legal, com certeza. Tenho a sensação de que seria uma dor de cabeça enorme refazer e portar o Discourse para usar seus padrões.

2 curtidas
160

Talvez outras pessoas aqui tenham experiência em mudar do FontAwesome para o ForkAwesome?

Da página novidades:

Demos atenção especial para não alterar os pontos de código Unicode para os ícones existentes, nem alteramos os nomes das classes CSS ou nomes de ícones do Font Awesome 4.7. Embora tenhamos adicionado alguns ícones a mais e tornado o processo de contribuição para este projeto muito mais fácil. No entanto, se você vir um erro, não hesite em registrar um bug.

A página de exemplos parece com o FontAwesome.

Meh, esta postagem do (não-)mantenedor parece dizer que é uma má ideia usá-lo neste momento. Que pena.

2 curtidas
161

A FontAwesome moveou todo o conjunto de ícones “Regular” para um plano pago na versão 6. No entanto, parece que os ícones existentes do conjunto regular ainda estão disponíveis gratuitamente ao usar os ícones SVG diretamente (ou seja, não como uma fonte da web). Isso é uma boa notícia para nós, pois usamos sprites SVG do repositório fontawesome.

No entanto, a retrocompatibilidade que eles adicionaram não se aplica a nós de forma simples, não usamos o “framework SVG + JS” da FontAwesome, então não nos beneficiamos do aliasing automático. Esse é provavelmente o maior obstáculo no momento para uma atualização de 5 para 6 (embora não seja tão grande quanto ícones ausentes).

10 curtidas
163

Este link não está funcionando para mim

1 curtida
165

Tendo realizado muitos testes de usabilidade em um fórum Discourse no último ano, acho que uma das melhores coisas que o Discourse poderia fazer pela usabilidade seria investir na criação de um conjunto de ícones: testado quanto à clareza, tornado mais consistente e mostrando um pouco de estilo aqui e ali. Mas talvez este não seja o lugar para postar sobre isso!

2 curtidas
166

Alguém poderia me dar alguma orientação sobre como explicar melhor como posso adicionar emojis de bandeira como ícones SVG aos meus componentes de tema de ícones de tag. Suponho que não estou entendendo o que é necessário, sejam modificações no componente de tema ou a elaboração de um plugin dedicado para acessar esses emojis dentro do componente de tema.

Obrigado!

1 curtida
167

Hmm, não estou vendo nada

Como faço isso?

  • Criei um componente de tema personalizado chamado SVG_Assets
  • Carreguei ícones SVG personalizados de 1x1.
  • Habilitei SVG_Assets como parte do meu tema.
  • Instalei o componente de tema Tag icons e adicionei ao meu tema.

Vejo o URL para cada ícone SVG que carreguei em SVG_Assets

Hmm, ok. Podemos ter um novo exemplo de como as configurações no editor devem parecer.

Exemplo de adição de upload us.svg

Atualmente vendo

[
	{
		"setting": "tag_icon_list",
		"value": "tag1,question-circle,#CC0000|:de:,$de,https://domain/1X/604c368499a58499e21ab5337a325600cb35b421.svg"
	},
	{
		"setting": "svg_icons",
		"value": ""
	}
]
1 curtida