Inserimento manuale del font con HTML

Supporto
1

Ciao :slight_smile:
Sto cercando di aggiungere i seguenti due simboli: :heart: e :white_check_mark: utilizzando HTML.
Per quanto ne so, sono caratteri di Font Awesome, quindi ho provato a inserire:

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

Ma non inserisce il carattere:

image

Aggiunge qualcosa di dimensioni 0x0. Qual è il modo corretto per aggiungere il carattere?

2

Hai provato ad aggiungere del CSS personalizzato per forzare una dimensione?

3

Perché non usare invece l’emoji Unicode?

4

Quello è il formato vecchio. Siamo passati alle icone SVG per FontAwesome (da novembre 2018): ora utilizziamo la sintassi SVG invece degli elementi i font-icon.

5

Sono riuscito a farlo funzionare con le emoji Unicode, ma immagino non sia la soluzione giusta per i seguenti due motivi:

  1. Coerenza con le altre emoji. Ad esempio, se decidessi di cambiare il tipo di emoji da Windows 10 ad Apple, dovrei modificarlo anche nel plugin.
  2. Non sono sicuro che i vecchi browser supportino questo tipo di font/Unicode.

Tuttavia, credo sia comunque meglio rispetto all’uso degli SVG se si parla di efficienza.

Ti dispiacerebbe mostrare un piccolo esempio di come si usa?

6

Se stai aggiungendo queste icone a un plugin, ci sono strumenti nel core per utilizzarle sia in Ruby che in Ember. Consulta Introducing Font Awesome 5 and SVG icons per iniziare.