Insérer manuellement une police avec HTML

Soutien
1

Bonjour :slight_smile:
Je tente d’ajouter les deux symboles suivants : :heart: et :white_check_mark: en utilisant HTML.
Comme je le comprends, ce sont des polices de Font Awesome, alors j’ai essayé d’insérer :

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

Mais cela n’affiche pas la police :

image

Cela ajoute quelque chose de taille 0x0. Quelle est la bonne méthode pour ajouter la police ?

2

Avez-vous essayé d’ajouter du CSS personnalisé pour imposer une taille ?

3

Pourquoi ne pas utiliser l’emoji Unicode à la place ?

4

C’est l’ancien format. Nous sommes passés aux icônes SVG pour FontAwesome (depuis novembre 2018) ; nous utilisons désormais la syntaxe SVG au lieu des éléments i de l’icône de police.

5

J’ai réussi à le faire fonctionner avec les émojis Unicode, mais je suppose que ce n’est pas la solution pour les deux raisons suivantes :

  1. Cohérence avec les autres émojis. Par exemple, si je décide de changer le type d’émoji de Windows 10 à Apple, je devrai également modifier cela dans le plugin.
  2. Je ne suis pas sûr que les anciens navigateurs prennent en charge ce type de polices/Unicode.

Mais je pense que c’est mieux que d’utiliser le SVG en termes d’efficacité.

Pourriez-vous montrer un petit exemple de la manière de l’utiliser ?

6

Si vous ajoutez ces icônes à un plugin, des outils intégrés permettent de les utiliser en Ruby et en Ember. Consultez Introducing Font Awesome 5 and SVG icons pour commencer.