Hoefler & Frere-Jones

Un documental, Font men, que vale la pena, con los diseñadores tipográficos Jonathan Hoefler y Tobias Frere-Jones, que forma parte de la selección de este año en el Festival SXSW:

Font Men – SXSW 2014 Official Selection por dress code en Vimeo.

Un capítulo aparte sería el litigio que mantienen ambos por la propiedad del estudio de diseño, con demandas millonarias de por medio. La lección más obvia del caso es que los acuerdos, siempre en papel, firmados y ante notario…

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.

 

2TTF Gallery de iFontMaker

2TTF Gallery de iFontMaker , la aplicación para dibujar directamente fuentes tipográficas en el iPad, ya cuenta con centenares de ejemplos de tipografías creadas con la tableta de Apple (ahora también está disponible para dispositivos táctiles de Windows).

2TTF-Mobile’s Font-ryo 2013-05-03 11-18-41

Para tipos de letra manuales o caligráficos, ¿existe una manera más natural de crear un tipo de letra digital? ¡Son tipos digitales en el doble sentido de la palabra! Estas tipografías son de una calidad muy irregular, como cabe esperar, pero con tanta cantidad uno encuentra ocasionalmente alguna gema. Pueden descargarse desde la misma web:

The 2TTF Garrery -- iFontMaker – 2013-05-03 11-19-57

The Beauty of Letterpress

The Beauty of Letterpress es una colección muy inspiradora de tipos de imprenta manual, con muchísimos ejemplos, enlaces, videos explicativos, y muchas cosas más. Incluye secciones tan interesantes como una historia de la imprenta con un diseño que realmente invita a aprender.

beauty of letterpress

Uno más de los muchos recursos que estamos encantados de encontrar en estos últimos tiempos, dedicados al arte y el oficio de la imprenta artesanal.

Clasificación de tipografías: recursos

Cuando una colección de tipos empieza a tener un cierto tamaño, es hora de considerar los sistemas para clasificarla. Existen criterios muy diversos, pero sin duda, recurrir a la evolución històrica de los tipos de imprenta es un buen punto de partida para las tipografías de texto. Otra cuestión es qué hacer con los tipos decorativos, que a su vez pueden ser tremendamente variados.

Una mirada fresca a la clasificación de tipos acaba de aparecer en Smashing Magazine. En la primera parte trata los posibles criterios de clasificación y argumenta la necesidad de contar con un sistema racional para organizar las tipografías, además de presentar una clasificación general de los tipos de texto con remates, los más utilizados en la impresión de textos largos (y también para textos extensos que se leen en dispositivos electrónicos.)

clasificación de tipos

Además de este interesante artículo Continue reading