Insertar manualmente una fuente con HTML

Soporte
1

Hola :slight_smile:
Estoy intentando agregar los siguientes dos símbolos: :heart: y :white_check_mark: usando HTML.
Según mi entendimiento, son fuentes de Font Awesome, así que intenté insertar:

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

Pero no se inserta la fuente:

image

Agrega algo de tamaño 0x0. ¿Cuál es la forma correcta de agregar la fuente?

2

¿Has probado a añadir algo de CSS personalizado para forzar un tamaño?

3

¿Por qué no usar el emoji de Unicode en su lugar?

4

Ese es el formato antiguo. Hemos cambiado a iconos SVG para FontAwesome (desde noviembre de 2018); ahora usamos la sintaxis SVG en lugar de los elementos i de iconos de fuente.

5

He logrado que funcione con los emojis Unicode, pero supongo que no es la solución por las siguientes dos razones:

  1. Consistencia con los demás emojis. Por ejemplo, si decido cambiar el tipo de emoji de Windows 10 a Apple, también tendría que cambiarlo en el plugin.
  2. No estoy seguro de si los navegadores antiguos admiten ese tipo de fuentes o Unicode.

Pero creo que es mejor que usar SVG si hablamos de eficiencia.

¿Te importaría mostrar un pequeño ejemplo de cómo usar uno?

6

Si estás agregando estos iconos a un complemento, hay herramientas en el núcleo para usarlos tanto en Ruby como en Ember. Consulta Introducing Font Awesome 5 and SVG icons para comenzar.