Convierta la fuente de icono personalizada en entidades que se pueden copiar y pegar

Font Awesome tiene una hoja de trucos donde han convertido sus íconos en entidades html que puede copiar y pegar directamente en Sketch (y otros programas de edición), que cambia el elemento de tipo al ícono que desea (siempre que tenga la fuente instalada ). Demostración: http://recordit.co/Irr9HBpVPX

Me pregunto cómo hacer esto con la fuente personalizada de mi empresa. Tenemos una guía de estilo de vida interna que tiene todos nuestros íconos personalizados como código de contenido CSS (como imágenes de fondo de pseudo elementos), pero no como tipo. Me pregunto cómo convertirlos en contenido que se pueda escribir y que pueda simplemente copiar y pegar usando nuestra fuente personalizada en Sketch.

Cualquier ayuda apreciada - gracias

Respuestas (1)

¿Sus imágenes de fondo CSS existen como dibujos vectoriales o solo imágenes de píxeles?

Una forma sencilla de crear fuentes de iconos es a través de Icomoon , pero necesitará archivos SVG de sus iconos. Icomoon generará una fuente de icono más un demo.htmlarchivo similar a FontAwesome.

Básicamente, las fuentes de íconos son como las fuentes normales, excepto que sus 'letras' están asignadas a ID Unicode a las que no se puede acceder con un teclado normal. Sin embargo, se pueden copiar/pegar como cualquier otra carta.

Ah, entonces son unicode. Bien, entonces probablemente la mejor manera de hacer esto es convertir a través de icomoon y luego obtener las letras Unicode que vienen con ellas, o de alguna manera convertir el código de contenido CSS en Unicode (no estoy seguro si eso es posible...). ¡Gracias!
Si tiene un archivo de fuente existente, puede importarlo a Icomoon y luego exportarlo de inmediato, lo que generará su hoja de trucos. No necesita la nueva fuente, solo el demo.html que mostrará su lista de asignación de fuentes.