Inserindo manualmente uma fonte com HTML

Suporte
1

Olá :slight_smile:
Estou tentando adicionar os seguintes dois símbolos: :heart: e :white_check_mark: usando HTML.
Conforme entendi, são fontes do Font Awesome, então tentei inserir:

<i class="fa fa-heart-o"></i>

Mas não está inserindo a fonte:

image

Ele adiciona algo com tamanho 0x0. Qual é a maneira correta de adicionar a fonte?

2

Você já tentou adicionar algum CSS personalizado para forçar um tamanho?

3

Por que não usar o emoji Unicode?

4

Esse é o formato antigo. Migramos para ícones SVG do FontAwesome (desde novembro de 2018); agora usamos a sintaxe SVG em vez dos elementos i de ícone-fonte.

5

Consegui fazer funcionar com os emojis Unicode, mas acho que não é a solução pelos seguintes dois motivos:

  1. Consistência com os outros emojis. Por exemplo, se eu decidir mudar o tipo de emoji do Windows 10 para o Apple, terei que alterar também no plugin.
  2. Não tenho certeza se navegadores antigos suportam esse tipo de fonte/Unicode.

Mas acho que é melhor do que usar o SVG quando se fala em eficiência.

Você se importaria de mostrar um pequeno exemplo de como usar um deles?

6

Se você estiver adicionando esses ícones a um plugin, há ferramentas no núcleo para usá-los tanto em Ruby quanto em Ember. Veja Introducing Font Awesome 5 and SVG icons para começar.