Visor de fuentes para Windows (una alternativa de mapa de caracteres) con CSS

Tengo una gran necesidad de una utilidad de Windows como el Mapa de caracteres con la función de mostrar los nombres de clase CSS para los caracteres.

Esto se debe a que uso bibliotecas de íconos, por ejemplo, Ionicons o Font Awesome, en mis diseños y necesito buscar la clase css para cada ícono que usé al transferir las especificaciones al desarrollador. No es útil buscarlo cada vez en el navegador, así que supongo que debería ser una utilidad dedicada con la que no estoy familiarizado. Si alguien pudiera sugerir qué utilidad usar, ¡sería extremadamente útil!

Aquí hay una captura de pantalla si no fui lo suficientemente claroingrese la descripción de la imagen aquí

Las clases de CSS no tienen nada que ver con las fuentes en sí (son solo lo que usa el CSS de ese sistema de iconos específico; usted o cualquier otra persona podría en realidad usar las clases que desee), por lo que no creo que exista lo que desea.
Tanto Font Awesome como Ionicons tienen hojas de trucos con los nombres de las clases; No creo que haya una utilidad dedicada (como dijo CAI, las clases pueden ser cualquier cosa que decidas)
Puede incrustar páginas web en el software Adobe Creative Cloud como paneles si lo desea, luego puede tener esto dentro de su aplicación. También puede tener fontawesome como una biblioteca de símbolos ( ver aquí ) y puede agregar la clase al nombre del icono. Por lo tanto, debería ser factible con un trabajo mínimo.
Hice esta utilidad: photopea.github.io/Typr.js (simplemente arrastre y suelte un archivo TTF / OTF en él). Si explica qué necesita exactamente, puedo agregarle más funciones :)

Respuestas (2)

En lugar de usar un software de terceros, que seguramente tendrá los mismos problemas que la experiencia de su navegador, intente incorporar los elementos a su software como entidades un poco más inteligentes. No menciona qué software usa, pero puede traer fácilmente los símbolos/formas/elementos de la biblioteca a cualquier aplicación de Adobe Suite.

ingrese la descripción de la imagen aquí

Imagen 1 : Fuente impresionante como símbolos con nombres de clase en Illustrator

Ahora puede ir más allá y escribir fácilmente la anotación automática de estos elementos también... Así que no piense en una aplicación externa, piense en ampliar su aplicación.

¡Muchas gracias por tu guión y los consejos dados! Principalmente uso Illustrator, así que, ¿es posible convertir la hoja de estilo CSS proporcionada por ionicons en el paquete en la biblioteca de símbolos de Illustrator con símbolos, ya nombrados como nombres de clase en la hoja de trucos de ionicons? Gracias de antemano. @joojaa

Solución. Creo que la hoja de trucos de la biblioteca de iconos es una decisión. Permite copiar un carácter de la página web de la hoja de trucos al campo de texto en Illustrator y luego copiar su nombre de clase al nombre de un objeto. Por lo tanto, no perderé el nombre de clase de mi ícono, por supuesto, si no me olvido de nombrarlo en Illustrator ya después de pegarlo.

Está ayudando pero, en mi opinión, el problema definido en mi pregunta aún requiere una solución.

Como puede ver en una captura de pantalla, el Mapa de caracteres tiene un campo donde se puede encontrar el número Unicode único para cada carácter. Desearía poder encontrar y copiar el nombre de clase CSS para cada carácter tan fácilmente como lo veo aquí. (El mapa de caracteres ni siquiera me permite copiar el número Unicode, solo véalo). Lógicamente, debería haber una función para cargar la hoja de estilo CSS que la biblioteca de iconos como Ionicons incluye en su paquete.

Como uso principalmente Illustrator, lo mejor para mí sería tener símbolos nombrados por sus nombres de clase, de modo que tendría una biblioteca y operaría fácilmente con sus íconos, cambiando, probando diferentes y nunca perderse sus nombres de clase. Como resultado, proporcione los nombres de clase a su desarrollador en cualquier momento que lo solicite.

Probaré un script mencionado en la primera respuesta (muchas gracias a su autor), no tengo suficiente experiencia en esto, así que espero hacerlo bien y que funcione. Muchas gracias por sus opiniones, gente, son geniales, ¡aprendí algo nuevo!

Visor de fuentes para Windows (una alternativa de mapa de caracteres) con CSS
RespuestasAquíPolítica de privacidad1y, 0v