No funcionan los fonts en un elemento "<option>" dentro de un "<select>"

Hola Parece ser un problema con la font "FontAwesome" Modifique por otras fonts, mas clásicas, y el campo cambia según la font: https://jsfiddle.net/fdydjqxw/8/ https://jsfiddle.net/fdydjqxw/6/ https://jsfiddle.net/fdydjqxw/11/ Puede probar otras fonts?

Hola,

Es una font para íconos, entonces creo que por ahí anda el problema. Intenté con la de bootstrap y me da el mismo problema. De hecho si pruebas lo mismo en chrome u otros sí funciona :S Gracias!

OK, estaba entendiendo mal, el problema es la representacion de los iconos en el menu desplegable, en Firefox sucede como se muestra en la imagen (adjunta) a diferencia del Chorme. En Firefox una vez que se elijie la opcion el icono se mietra correctamente, correcto?

Viendo todos los ejemplos del siguiente foro, al quitarle el "multi-select" el menu no muestra los iconos correctamente: https://github.com/FortAwesome/Font-Awesome/issues/11616

Buenas, Es que no se visualizan en firefox y en chrome por ejemplo sí, adjunto imagen, las flechas señalan lo que se ve diferente

Entendido, el problema esta reportado en la web de bugs de Mozilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1345793

Como es un bug desde aquí (este foro) no podremos solucionarlo, pero podes seguir y aportar mas información en dicho link (en Ingles)

Recuerda tener en cuenta https://www.mozilla.org/about/governance/policies/participation/ y https://bugzilla.mozilla.org/page.cgi?id=etiquette.html si decides participar en el bug.

También hay una sugerencia de usar iconos SVG en lugar de Awesome, no se si es factible para tu caso: https://bugzilla.mozilla.org/show_bug.cgi?id=1451261

Por favor da como resuelta esta consulta y sigue el problema en el primer link que te pase, Gracias

Hola, Por favor da como resuelta esta consulta y sigue el problema en: https://bugzilla.mozilla.org/show_bug.cgi?id=1345793

Gracias!