Me gustaría crear una fuente de icono para usar en una aplicación web. fontAwesome, Iconic, fontomas son ejemplos de lo que me gustaría hacer, pero necesito usar iconos personalizados. No estoy seguro de por dónde empezar. Cualquier ayuda es apreciada.Herramientas para crear un icono Fuente
Respuesta
Rob, puedes start here.
No es el mejor ejemplo y la plantilla de la que habla está un poco desactualizada. Tendrás que experimentar moviendo tus íconos alrededor del lienzo según las líneas de base de tu fuente.
También existe este long post donde importa sus vectores a FontLab. Los inconvenientes de FontLab son su precio de $ 649 y su curva de aprendizaje es más pronunciada que Inkscape. También encontré FontLab con errores en mi instalación de OS X.
En una nota:
Alguien tiene que hacer que el software dedicado a esta tarea ...
A pesar de lo dicho narkeeso, una fuente sólo tiene una línea de base. Todos sus íconos deben sentarse en esa línea para ser consistentes. Algunas fuentes de iconos intentan centrar los iconos verticalmente, pero esto causa más problemas de los que soluciona y siempre puede ajustar la posición vertical del icono relativa a los caracteres circundantes utilizando la propiedad vertical-align
.
He probado la línea de base en la plantilla en gran medida para ese artículo y es muy exitoso en todos los navegadores. Sin embargo, es posible que desee hacer coincidir la altura X con una fuente común como Arial. Esto se puede hacer en el convertidor Font Squirrel.
Si usted no ha visto ya, mi aplicación web puede ayudarle a generar fuentes icono: http://icomoon.io/app
Puede importar sus propios IVS, o navegar por la biblioteca de iconos de fuente: http://icomoon.io/app/#library
He estado usando una aplicación llamada glifos (http://www.glyphsapp.com/) para crear tipos de letra, y recientemente se utilizó una fuente de icono para uso web. Importé glyphicons, ya que vienen con bootstrap para ver qué métricas usaban. por lo tanto, a 20px fontsize coincidirían mejor con la cuadrícula. etc. etc.
tengo un script personalizado para exportar un archivo css que crea todas las clases con los unicodes adjuntos. y otra secuencia de comandos python que asignes valores unicode a glifos personalizados (algunos iconos son en realidad parte de Unicode, como cámara, campana y cosas por el estilo)
después de eso tengo que usar la fuente ardilla para la conversión de fuente web tho, i han estado en contacto con el desarrollador que dijo que estaba implementando la exportación de webfont. las actualizaciones son gratuitas, pero aún no ha incluido la exportación directa de webfont. por lo que siempre es un poco complicado sacar la fuente de la aplicación en el navegador.
pero ciertamente he simplificado algunos factores.
fontlab no es tan fácil de usar y no puedo recomendarlo principalmente por esa razón, pero también por el precio.glyphs ofrece una versión mini por 40 € que debería cubrir la funcionalidad necesaria para la generación de iconos.
Si necesitas iconos de fuente, esta aplicación es muy buena: http://fontastic.me/
- 1. Herramientas para crear gráficos interactivos
- 2. Cómo crear un botón sin icono en CKEditor
- 3. ¿Puedo crear un icono de escritorio para una aplicación ClickOnce?
- 4. Crear información sobre herramientas para UserControl personalizado
- 5. ¿Cómo crear un atajo de icono con NSIS?
- 6. fuente de información sobre herramientas en wpf
- 7. Crear botones personalizados con icono y texto
- 8. Establecer un icono exe para mi programa
- 9. Complemento Eclipse: icono personalizado para un marcador
- 10. Icono para atajo
- 11. Biblioteca de kit de herramientas portátil para crear aplicaciones OpenGL
- 12. Usar una fuente de icono (Font Awesome) parece un poco borrosa y demasiado audaz
- 13. ¿Qué herramientas se recomiendan para crear animaciones Flash en Linux?
- 14. ¿Cómo crear un icono de alta calidad para mi aplicación de Windows?
- 15. ¿Qué herramientas hay para cortar un PSD?
- 16. ¿Herramientas para programar tutoriales?
- 17. ¿Cómo crear un cuadro tipo "información sobre herramientas" de SVG?
- 18. ¿Icono personalizado para cada NSUserNotification?
- 19. Herramientas de exploración, comprensión y lectura de código fuente
- 20. Crear un administrador de ventanas para Linux
- 21. información sobre herramientas para Button
- 22. Herramientas para construir un OCA (aplicación ocasional)
- 23. ¿Qué herramientas están disponibles para crear un archivo de ayuda en Visual Studio 2010?
- 24. herramientas para crear un prompt de línea de comando fácil de usar?
- 25. crear una información sobre herramientas adhesiva para un punto o una etiqueta permanente usando HighCharts
- 26. Utilice distribuir/configurar herramientas para crear un enlace simbólico (o ejecutar script)?
- 27. Herramientas para crear la velocidad máxima en un equipo de desarrollo .NET
- 28. Crear un acceso directo: ¿cómo puedo trabajar con un dibujable como icono?
- 29. Usa un jarrón con fuente como fuente para jdb?
- 30. Crear una fuente RSS en ASP.NET 3.5
Fontforge funcionó muy bien. Pude instalarlo bastante fácilmente usando brew. Gracias. – Rob
Homebrew está haciendo trampa, ¡esto continuará en su registro permanente! : p – reisio