Birdfont

A las opciones existentes para crear tipografías digitales con programas de código abierto o gratuitos se une una nueva aplicación, Birdfont, aún en su fase inicial de desarrollo.

birdfont

Birdfont se puede utilizar en las principales sistemas operativos: Linux, Windows o incluso en Mac OS X. Para Mac, se encuentra disponible una aplicación típica (sistema de carpetas con todas las dependencias y archivos necesarios) y también es posible instalar Birdfont a través de MacPorts.

Esta aplicación está bien integrada en un flujo de trabajo basado en programas y formatos de código abierto, como SVG, con opciones para importar y exportar este formato vectorial.

birdfont_edits

Para iniciarse en el uso de Birdfont están disponibles unos cuantos tutoriales en video.

La interfaz del programa es simple, basada en una serie de iconos cuyo significado no es inmediatamente evidente. Una vez acostumbrados a este entorno, sin embargo, crear nuevas tipografías se ve facilitado por su simplicidad.

birdfont_interface

Paseando entre tipos: miscelánea

emtype

El número de fundiciones tipográficas digitales que uno descubre en la red no para de crecer. Aquí están algunos de los últimos enlaces que he ido guardando para revisar en mi ya inacabable lista de diigo o de del.icio.us. Son proyectos interesantes por la calidad de sus diseños, por lo cuidado de los especímenes de muestra, y por otros motivos. En todo caso, un buen punto de parada o visita.

La lista:

Estas muestras que siguen proceden de Fontyou. Su producción es diversa: además de un extenso catálogo de tipos para texto normal, también diseñan lo que ellos llaman typevectors para tipografías ornamentales, como  la llamada Alice:

tipeyou - Alice Typeyou Typeyou

Para más descubrimientos, la lista completa en diigo (una colección a la que añado nuevos sitios que merece la pena tener anotados).

Imprenta (poco) tradicional

Los fanáticos del material impreso con las tecnologías de antaño,  pero que no quieran ensuciarse las manos con tinta, tienen a su disposición dos aplicaciones para trabajar digitalmente en la línea de la imprenta artesanal de tipos de madera: SimpleMpress y LetterMpress. Los resultados que pueden verse en la galería de ejemplos son bastante convincentes. Aunque, admitámoslo, el encanto real de la impresión artesanal está en la textura y gramaje del papel, el olor a tinta en la página, el tono de la tinta estampada sobre la superficie de las hojas… todas estas sensaciones táctiles, olfativas y visuales que inevitablemente se pierden con una aproximación digital.

lettermpress

simpleMpress

SimpleMpress está disponible para móbil (iOS y Android) y también para Mac OS X; LetterMpress para iOS y Mac OS X.

Los desarrolladores tienen algunos vídeos de muestra (también en su canal de Youtube de SimpleMpress y de LetterMpress), como esta introducción:

FontForge: dibujar, diseñar, crear

Design With FontForge es un trabajo en progreso —que está previsto acabe convirtiéndose en un libro— dedicado al diseño de tipografías digitales con el excelente programa de código abierto Fontforge.

design with fontforge

En todo caso parece que la intención es que siga siendo un ejemplo de cultura libre; también se puede descargar la versión más reciente o clonar el repositorio de Github.

Los contenidos están bien estructurados e ilustrados, en forma de una detallada guía paso a paso sobre la creación de dibujos vectoriales y caracteres para tipografías digitales.

terminals f

Fontastic

fontastic

Las ventajas de utilizar elementos vectoriales en el diseño web para navegadores modernos son obvias: entre ellas, la capacidad de mostrar estos componentes gráficos a cualquier tamaño sin pérdida alguna de calidad. Una forma de integrar iconos vectoriales en un proyecto web es recurrir a fuentes o tipografías digitales embebidas en el código html + css.

Ahora que los navegadores se comportan bastante bien con los estándares de fuentes web, todas las razones para aprovechar esta capacidad se hacen más claras. Por ejemplo, se acabó la modificación de los iconos  en un programa de edición de imagen para cambiar un color u otras características. Basta retocar el código CSS y los cambios se aplican instantáneamente a todo el sitio web. Con la proliferación de dispositivos de alta resolución (como las pantallas retina de los últimos Mac, iPad y iPhone), los iconos se muestran siempre con la máxima calidad, sea cual sea el tamaño a que deban mostrarse.

Existen muchas colecciones de iconos vectoriales integrados en archivos de fuentes digitales que pueden utilizarse como webfonts, como los dingbats de FontSquirrel y los de otros servicios comentados anteriormente. Existe un pequeño problema, sin embargo, con determinadas colecciones de iconos. Si se usa un archivo masivo para unos pocos iconos que vayamos a utilizar podemos ralentizar innecesariamente la carga y respuesta de nuestra página web (además de que se hace más incómodo localizar los iconos que nos interesan dentro de una cantidad tan grande de glifos).

fontastic

Una solución magnífica a este inconveniente es preparar una webfont a medida, que contenga solamente los iconos deseados o necesarios para un proyecto determinado. Crear fuentes digitales a partir de una selección de iconos vectoriales es cosa de niños con Fontastic, un servicio que ofrece de entrada más de 4000 componentes para elegir. Así, es posible crear una colección de iconos a medida para un proyecto, según un tema determinado…

El servicio es gratuito y la licencia de usuario permite el uso también en proyectos comerciales. Para profesionales, o para aquellos que necesiten unos iconos muy específicos, existen una serie de colecciones premium (de pago). La selección, tanto para cuentas premium como gratuitas, además, no está limitada a la extensa biblioteca de iconos disponibles en Fontastic, sino que se pueden subir e integrar en la fuente creada los archivos vectoriales propios del usuario (en formato SVG). Una vez hemos creado nuestro archivo, seleccionando iconos de la enorme colección o subiendo nuestros propios componentes vectoriales, Fontastic proporciona unas instrucciones muy claras para utilizar las fuentes recién creadas.

 

Type Scale

Un enlace a Type Scale ha proliferado estas últimas horas en todos los RSS relacionados con la tipografía y el diseño que sigo, y por tanto urgía una inspección de qué va la cosa. Resulta ser una herramienta simple para crear combinaciones de tamaños de tipo en función de diferentes escalas de proporción.

type scale

La escala genera fragmentos de texto con las fuentes de Google Fonts, aunque no es posible generar automáticamente el código html + css que puedas utilizar a continuación. De todos modos, es una forma fácil y potente de probar combinaciones de tamaños para los titulares, cuerpo de texto, pies de foto y notas…

Enlace: TypeScale.

 

10 fundiciones tipográficas

Periódicamente tengo el gusto de descubrir nuevas fundiciones tipográficas digitales (o al menos nuevas para mí). Una de las formas que me están resultando más cómodas para mantenerme al día es simplemente visitar myfonts y ver qué hay de nuevo. No todo lo que te encuentras es de calidad, evidentemente, pero de vez en cuando sale alguna sorpresa que vale la pena apuntar.

swisstype

Por otro lado, aquí está una lista de 10 fundiciones tipográficas digitales que han aparecido recientemente en mi radar.

  1. Colophon
  2. A2-TYPE
  3. swiss typefaces
  4. Letters from Sweden
  5. Practice Foundry
  6. Novo Typo
  7. Okay Type Foundry
  8. Bold Monday – independent font foundry of high quality type
  9. MAWNS: Hans Grëback fonts
  10. Optimo Type Foundry

En Wikipedia: (Type foundries – Wikipedia, the free encyclopedia), cómo no, existe un artículo recopilatorio en el que aparecen algunas fundiciones que vale la pena conocer.

Illustrissims

Typephases ofrece de forma gratuita una colección de 76 ilustraciones de personajes inspirados en historias decimonónicas y personajes folletinescos, la mayoría producto de la imaginación. Son una serie de viñetas creadas en la tradición de las utilizadas en la época de la imprenta con tipos de metal y de madera. Anteriormente este dingbat se presentaba en tres archivos separados (Illustries 1,2,3) pero hace varios años que no estaba disponible.

Estas ilustraciones están listas para utilitzar a cualquier tamaño y aplicación. Su formato vectorial asegura que pueden modificarse a unas dimensiones cualesquiera sin pérdida de definición. Se pueden emplear tal como son, o fácilmente se les puede añadir color o textura, combinar entre sí… Los usos posibles son también innumerables, desde pequeñas ilustraciones accesorias a grandes diseños a página completa o carteles.

Illustrissims es una generosa muestra del estilo de ilustración recogido en otras colecciones de dingbats propios de Typephases: este estilo está bien representado en colecciones como  Absurdies, Bizarries, Genteta, Ombres o Whimsies, todas disponibles en MyFonts.

Para descargar: Illustrissims (página en MyFonts).

 

Fontroid


Fontroid es un servicio social para la creación de tipografías, que permite compartir los mejores caracteres dibujados a mano con todo el mundo. Se dibuja en la pantalla de un móvil (Android), se comparte en el servidor de la aplicación y ya queda disponible para los usuarios de cualquier lugar.

Los caracteres de Fontdroid se crean de la siguiente manera: Continue reading

Tipos formales

Tipos formales es un Blog sobre la teoría y la práctica del diseño tipográfico, desde una visión Latinoamericana, según su autor Eduardo Gabriel Pepe. Me interesa en especial el  apartado de formación de Tipos formales como detallada introducción al diseño tipográfico, ilustrado con numerosos ejemplos, basado en el material que desarrolla para la cátedra de Diseño Tipográfico de la Facultad de Artes y Diseño de la Universidad Nacional de Cuyo en Argentina. Si necesitas consultar algún término, también incluye un glosario tipográfico. También son notables los ejemplos que comparte en la galería y el resto de categorías del sitio, como las actividades formativas (talleres y cursos).

 

 

Letter Fountain

Letter Fountain es la referencia definitiva sobre anatomía de tipos de imprenta, clasificación de los caracteres tipográficos, historia y evolución de los alfabetos impresos… un magnífico volumen publicado por Taschen, acompañado de un sitio bellamente diseñado con algunos extras que valen la pena, como el artículo from drawing to font (del dibujo al tipo).

Un vistazo al libro completo aquí.