Jugando con tipografías.

El kerning es el acercamiento de dos caracteres entre ellos, de forma que sus perfiles contiguos se acoplan y se evita con ello la sensación estática de que existe una distancia anormal entre ellos. De esta forma, el acoplamiento entre letras se refiere y se particulariza siempre a pares de caracteres específicos. Kerning es un término del inglés usado muy a menudo en tipografía y no parece que se haya encontrado un equivalente en el castellano. 

La palabra kern designa la parte del ojo de la letra que sobresale de la pieza con el fin de que se pueda superponer con la que está a su lado, algo que en español se ha llamado volado. El kerning es la operación de acoplar ese volado para mejorar la apariencia del texto y facilitar su lectura.

Si el programa dispone de una tabla de caracteres acoplados, adoptará el espaciado especial entre cada uno de estos pares en los valores que se haya establecido. Resulta característico el par compuesto por las letras AV que, si no fueran acopladas, parecerían disponer de mayor espacio entre ellas que otro par más rectangular como podría ser el compuesto por las letras MN. Es obvio que el valor del kerning para cada par no depende solamente de cada par de caracteres sino incluso de su diseño específico y, por tanto, los valores serán distintos para cada fuente. 

Tengamos en cuenta que cuando estamos hablando sobre legibilidad nos debemos fijar en los factores que determinan el correcto espaciado entre letras (set) o palabras. Estos factores son el tipo utilizado, el cuerpo con el que trabajemos y el grosor de la letra. Un "set" uniforme nos proporciona una textura o color homogéneo del texto, lo cual también nos proporciona una mayor legibilidad. 

Dos conceptos que debemos estudiar y utilizar para modificar el espaciado entre letras son el track y el kern. Tradicionalmente, los tipógrafos han usado el track para alterar la densidad visual del texto, este ajuste actúa globalmente sobre toda la tipografía y depende del tamaño de los caracteres; como regla general, cuanto más grande sea el cuerpo más apretado debe ser el track. 

El kern se utiliza para ajustar el espacio entre algunos pares de caracteres (o sobre poco texto) cuando llaman la atención por estar demasiado juntos o separados, normalmente en cuerpos grandes. Tanto el track como el kern se miden en unidades relativas al tamaño en puntos de los caracteres.

El track ajusta el espacio entre caracteres (intercaracter) abriéndolo cuando se trata de cuerpos pequeños y cerrándolos cuando se trata de cuerpos grandes. El kern es estrictamente proporcional, ya que el espacio eme -la unidad en la que se basa- tiene el mismo tamaño en puntos que el cuerpo de los caracteres: Es decir que el espacio eme para un texto de 12 puntos mide 12 puntos. Cada carácter de una fuente está rodeado por una cierta cantidad de espacio lateral establecida por su diseñador. La anchura de un carácter comprende no solo el carácter en sí, sino también este espacio lateral. Por lo tanto, el kern y el track también modifican la anchura de los caracteres, al modificar su espacio lateral. Como comentábamos, otro de los elementos importantes para tener ese color homogéneo de texto es el espaciado entre palabras, que debe ser proporcionado al set para que las letras fluyan de forma natural y rítmica en las palabras, y las palabras en las líneas.

Qué estés bien.

Mauricio Pineda

El autor de este post es publicitario, creativo y productor audiovisual y ha incursionado exitosamente como docente universitario para el Instituto de Mercadotecnia y Publicidad de México, así como en la UNITEC en Honduras desde hace más de veinte años. Es asesor publicitario independiente, redactor de artículos sobre publicidad, conferencista y blogger

Fuentes tipográficas digitales

Las fuentes tipográficas han sido parte de movimientos culturales, épocas -algunas se ponen de moda- son artísticas, son un soporte para la palabra escrita, son hermosas. Son más que una marca negra, son el área blanca que rodea a toda esa tinta, pero al surgir las computadoras y ordenadores, las laptops, las tablets, y demás, algunas cosas empezaron a cambiar; como sus usos, sus aplicaciones, su propiedad intelectual y derechos, su tecnología, así como quienes las gestionaban.

Tipos de plomo para imprenta plana.

Fue en 1984 cuando Adobe PostScript fue lanzado, con su introducción se prestó apoyo a dos tipos distintos de fuentes: Adobe PostScript Type 1 y Type 3. De estos dos, el Tipo 1 era el formato más sofisticado. Su lanzamiento apoyó una técnica para mejorar la calidad de salida en computadoras y dispositivos de baja resolución o con tamaños de fuente más pequeños, también admite un algoritmo de compresión más eficiente para las partes de la fuente. Las cualidades del Tipo 3 ofrecían algunas funciones que no estaban presentes en el Tipo 1, pero éste era claramente un formato menos sofisticado. 

La compañía Adobe posee la especificación para todas las fuentes Type 1 únicamente para su propia utilización, algo que se mantuvo sin cambios hasta 1989. Adobe construyó toda una biblioteca de fuentes Adobe PostScript Type 1 que los usuarios de computadoras podían comprar. Cada tarjeta de salida PostScript incluía a 36 de estas fuentes tipográficas, que en aquellos días, dado el elevado precio de las impresoras PostScript, éstas fuentes tipográficas servían como una compensación. Cuando las especificaciones de las fuentes Adobe PostScript Type 3 fueron publicadas pronto emergieron herramientas para crear fuentes tipo 3. Los fundidores de tipos como la MonoType liberaron bibliotecas enteras de fuentes tipo 3. El hecho de que Adobe mantuvo un formato de fuente superior molestó a varias de estas empresas fundidoras de tipos, pero al mismo tiempo PostScript se convirtió en un gran éxito que creó un mercado mucho más amplio en el que todo el mundo podía vender fuentes. No satisfecho sólo con el control del mercado en los dispositivos de salida, Adobe desarrolló una versión de PostScript que podría funcionar (aunque lentamente) en computadoras personales por lo que éstos podrían visualizar los datos PostScript en la pantalla. Esta tecnología fue conocida como Display PostScript.

Adobe le ofreció Display PostScript por igual a Apple y a Microsoft, pero ambas empresas se mostraron reacias a ceder a un tercero el control de sus empresas sobre una parte extremadamente vital de su sistema operativo. Tampoco estaban dispuestos a pagar los derechos rígidos que Adobe les exigía. Al darse cuenta que ambos -Apple y Microsoft- compartian un problema común y  decidieron unir sus fuerzas. Apple, podría ofrecer una tecnología de sistemas de fuentes, mientras que Microsoft, podría desarrollar a una tecnología de imagen, similar a PostScript como motor de impresión. Los ingenieros de Apple ya habían estado trabajando en varias tecnologías de fuentes vectoriales o escalables durante finales de los años 80. En 1987 el ingeniero principal Sampo Kaasila de Apple desarrolló una muy prometedora tecnología escalable -en alta y baja resolución- para fuentes, le dieron el nombre en código: Bass (como el pez micropterus salmoides).

Logotipo de TrueType fuentes.

Este proyecto fue renombrado la primera vez como Royal, y finalmente en septiembre de 1989 se renombró a TrueType, y fue lanzado ese marzo, todo ésto antes de ser intercambiado con Microsoft en el año 1991. Muchos percibieron, y atribuyen -todavía- su desarrollo solo a Microsoft pues fueron éstos quienes trabajaron más duro en evangelizar al mercado sobre las bondades de TrueType.
El corazón de la impresora Microsoft se llamó TrueImage. Pero éste estaba lleno de pequeñas fallas que tanto Apple y Microsoft no necesitaban, así que no se incluyó en ninguno de sus productos. El TrueImage pasó a descansar en paz y en su lugar se incluyó en el Aldus TrapWise y cuando esa empresa, posteriormente fue adquirida por Adobe. Adobe terminó vendiendo un producto que contaba con un clon del PostScript bastante poco confiable. Apple hizo de TrueType parte integral del Sistema 7, mientras que Microsoft añadió TrueType para el Windows 3.1 a principios de 1992 con un paquete de tipografías básico creado por MonoType; Times nuevo romano, Courrier y Arial, debido a que Windows usaba  una arquitectura en su procesador de solamente 16 bits y no 32 bits como la Mac, por eso TrueType debió ser reconfigurado para el Windows y con ello surgieron algunos malestares que se pudieron resolver hasta agosto de 1995 con el nuevo Wisndows 95. El equipo que trabajó desde Apple para la creación de TrueType lo formaban además:

1. Kathryn Weisberg: líder del proyecto, la edición de instrucciones.
2. Sampo Kaasila: codificación - intérprete, instrucciones, conversión de la exploración, código de unión.
3. Mike Reed: redactor de la fuente de codificación, código de unión.
4. Charlton Lui: codificación de administrador de fuentes, mods QuickDraw, código de unión y tampón hash.
5. Richard Becker: codificación de traductor del formato URW VS, esbozar esquema de protección de datos de la fuente.
6. Lee Collins y Dave Opstad: codificación de estructuras de datos internacionales.
7. Jim Gable: gestión de productos de hardware.
8. John Harvey: desarrollador apoyo técnico.
9. Dianne Patterson:En el Macintosh y el formato de desarrollo de documentación.
10. Andy Yarborough y Pam Martin: sistema y software de la impresora de calidad y de prueba.

Las tipografías de moda, suelen ser pasajeras.

Adobe respondió a la amenaza que representaba TrueType mediante la liberación de una herramienta llamada Adobe Type Manager (ATM), que mejoraba el aspecto visual de las fuentes PostScript Type 1 en el monitor de la computadora. También mejoró la calidad de salida de estas fuentes para las imprentas de escritorio que no eran PostScript. Al mismo tiempo, también se publicaron especificaciones para los formatos de fuentes Tipo 1. El hecho de que el fabricante de tipografías Bitstream Inc. -que fue adquirida en el 2012 por MonoType- hubiera revertido exitosamente la ingeniería del formato Tipo 1 de Adobe, fue un golpe que pudo haber ayudado un poco a esta decisión. Muchas de los principales fundidores de fuentes se mostraron reacios a liberar versiones TrueType de sus mejores fuentes y en su lugar se centraron en las fuentes de Adobe Tipo 1. El mercado terminó siendo inundado por muchas fuentes TrueType  mal diseñadas. Esto, combinado con ciertas fallas en la impresora de matríz TrueType que usaba en su inicio el Windows 3.1 construyó una mala reputación para la tecnología TrueType -que realmente no se merece- y sigue presente en la actualidad. Mientras que Microsoft siguió mejorado gradualmente, dio su apoyo a TrueType en las versiones posteriores de Windows, pero Apple era mucho más ambicioso. Se anunció un plan para volver a trabajar en una parte importante de su sistema operativo y mejorar el manejo de gráficos interactivos y la tipografía. Esta nueva tecnología se llama QuickDraw GX y las fuentes que utilizan todas sus avanzadas características se denominan fuentes GX.

Los desarrolladores de aplicaciones se mostraron reacios a invertir mucho tiempo en el desarrollo de fuentes de una tecnología no probada -QuickDraw GX - básicamente, y que sólo funcionó en las Macs. Adobe se negó a apoyar la tecnología en aplicaciones como PageMaker o Illustrator, por temor a que podría matar a su fuente de ingresos PostScript. Prácticamente no existen fuentes compatibles GX pues éstas jamás se han hecho para el mercado, pero que luego evolucionaría a Apple Advanced Typography. Al final  Apple se vio obligado a poner fin al desarrollo de QuickDraw GX junto con varios otros proyectos ambiciosos como OpenDoc.
En 1991, Adobe introdujo un nuevo formato para fuentes llamado Multiple Master, mejor conocidas solo como tipos de letra expertos. Las fuentes Multiple Master son una especie de fuentes en las que la fuente y su aspecto se pueden manipular y alterar por el propio diseñador. Un diseñador puede modificar una fuente que es un poco negrita o puede cambiar el ancho de caracteres sin sacrificar la calidad tipográfica. Las fuentes Multiple Master lograron sólo un éxito limitado, pero la tecnología que fue utilizada en algunos productos de Adobe importantes como ATM y Adobe Acrobat (portable document file, pdf).
En el año de 1996, Adobe y Microsoft sorprendieron a toda la industria al anunciar que iban a desarrollar conjuntamente un nuevo formato de fuente que combinaba las dos tecnologías principales de fuentes; PostScript + TrueType = OpenType.

Esta nueva tecnología fue el nombre en código OpenType. Según algunos, es muy similar a la tecnología de fuentes de Apple a principios de QuickDraw GX. OpenType TrueType es un formato híbrido, tanto de fuente que puede contener tanto TrueType de los datos de fuentes PostScript. Esto hace que resulte fácil para Adobe convertir su biblioteca de tipografías existente y, finalmente, ganar un punto de apoyo sólido en el mercado de fuentes de Windows. Microsoft añadió soporte para OpenType en su Windows 2000, con la esperanza de ampliar su cuota de mercado en el mercado editorial que tradicionalmente dominado por el Macintosh de Apple. Los usuarios también se beneficiaron de OpenType, ya que éste es completamente independiente de la plataforma y ofrece funciones tipográficas avanzadas, así como soporte para conjuntos de caracteres mejorados como el Unicode o fuentes UCS. Las fuentes OpenType aparecieron en el mercado en el año 2000. Adobe adaptó ATM para otros sistemas operativos además de Windows. Mientras tanto, todos los principales sistemas operativos en el mercado incluyen un soporte nativo para OpenType. En 1999, Adobe anunció que abandonaba el uso de las fuentes Multiple Master, citando la falta de interés de los usuarios como la principal razón detrás de la medida. La compañía continuó vendiendo su catálogo existente de fuentes Multiple Master hasta principios del año 2003.
A finales de 2004, Adobe dejó de ofrecer soporte técnico para las fuentes Multiple Master, excepto para los clientes que tenían su como biblioteca de fuentes a Folio (hoy con 2,400 fuentes OpenType). Desde ese año Adobe continuó promoviendo el uso de OpenType. Alrededor del año 2003 Adobe ya había terminado de convertir toda su biblioteca de fuentes tipográficas -se dispone de diez mil fuentes tipográficas- a OpenType.

Desde PDF 1.6 -Adobe Acrobat 7- en adelante, es posible incrustar fuentes OpenType, y ya no deberán ser PostScript o TrueType. 

Adobe y Microsoft continuaron ampliando y refinando el formato OpenType a lo largo de la siguiente década, hasta que en 2005 se inició el proceso para oficializarlo como un estándar abierto de la International Organization for Standardization (ISO), bajo los auspicios del grupo MPEG, que ya antes había adoptado el OpenType por referencia. El nuevo estándar consiste básicamente en la versión 1.4 de la especificación de OpenType, con adaptaciones lingüísticas requeridas por la ISO, y se denomina Open Font Format. La norma fue adoptada oficialmente a partir de marzo de 2007 y declarada como estándar ISO/IEC 14496-22, mismo que está disponible de manera pública y gratuita. Esto indica claramente que OpenType es el formato para las fuentes del futuro. Alrededor de 2007, se estimaba que entre el 85% a 90% de todos las tipografías disponibles en el mercado -hasta hoy- son las fuentes OpenType, la mayoría de los diseñadores y fundidores tipográficos usan actualmente OpenType como su norma.

Para el año de 2009, Web Open Font Format -WOFF- fue diseñado a pedido y luego logró su normalización o estandarización para uso web en 2010 a través de la W3C, en breve la mayoría de los navegadores de la InterNet les habrá adoptado y gestionará ampliamente.
Actualización. Hay una increíble colección de fuentes tipográficas digitales disponibles en línea tanto para diseñadores gráficos como para bloggers, Google Fonts. 

Observa de una guía paso a paso para Dominar Google Fonts. Seguramente ya conoces Google Fonts como "ese sitio genial con tipografías gratis". Y tienes razón, pero eso es solo la punta del iceberg. Pensar así es como decir que la cocina de un chef profesional es solo "un lugar con ingredientes gratis". Google Fonts es una de las herramientas más potentes y estratégicas que tendrás en tu carrera. Si aprendes a usarla bien desde ahora, tendrás una ventaja enorme. Olvídate de solo buscar una fuente "bonita"; vamos a aprender a construir sistemas tipográficos sólidos. Sigue estos pasos y pasarás de ser un simple usuario a un diseñador que sabe lo que hace.

Cambia tu mentalidad (La regla de oro). Deja de buscar "fuentes sueltas" y empieza a pensar en "sistemas tipográficos". Un sistema tipográfico es simplemente el conjunto de reglas que usarás en tu diseño: una tipografía para los títulos grandes (H1), quizás otra para el texto normal (párrafos), y definir qué pesos (grosor) usarás para cada cosa. ¿Por qué es importante? Porque la coherencia es la base del buen diseño. Un sistema claro hace que tus diseños se vean profesionales, ordenados y fáciles de leer. Entrar a Google Fonts sin un plan es como ir al supermercado con hambre y sin lista: acabarás con un montón de cosas que no combinan.

Descubre tu nuevo superpoder: Las fuentes variables. Prioriza y experimenta con las Fuentes Variables. Imagina que en lugar de tener solo los botones "Light", "Regular" y "Bold", tuvieras una perilla de volumen que te permite ajustar el grosor de la letra a cualquier nivel exacto que quieras. ¡Eso es una fuente variable! ¿Cómo encontrarlas? En la barra de búsqueda de Google Fonts, simplemente marca la casilla "Show only variable fonts". ¿Por qué son geniales para ti?

Creatividad casi infinita, tú puedes crear jerarquías visuales perfectas. ¿El título necesita ser un poquito más grueso que Bold? ¡Puedes hacerlo! 

En el futuro, cuando diseñes sitios web, cargar una sola fuente variable es mucho más rápido que cargar 5 o 6 archivos de fuentes diferentes. Tus sitios cargarán más rápido y tus clientes (y profesores) te amarán por ello.

Entra, activa el filtro y juega con los "sliders" (deslizadores) de una fuente variable como Inter o Roboto Flex. Verás la magia al instante.

Sé un Diseñador Eficiente (Piensa en la Velocidad). Carga solo los estilos que realmente necesitas. Cuando eliges una tipografía, Google Fonts te muestra un panel a la derecha llamado "Selected family". Por defecto, podría añadir muchos estilos (Thin, Light, Regular, Medium, Bold, Black, etc.). Piensa en esto como hacer la maleta para un viaje: no metes todo tu armario "por si acaso", solo lo que sabes que vas a usar. Cada estilo de fuente que añades a un proyecto web lo vuelve un poco más lento. ¡Eureka! Cuando hayas elegido tu fuente, ve al panel de la derecha y elimina todos los estilos que no vayas a usar en tu diseño. Si solo necesitas un estilo normal para párrafos y uno en negrita para subtítulos, selecciona únicamente "Regular 400" y "Bold 700". ¡Y ya está!

El arte de saber combinar (El "Pairing"). Crea combinaciones que tengan contraste y armonía. Una de las tareas más comunes es elegir una fuente para títulos y otra para el cuerpo de texto. Google Fonts te da sugerencias en la pestaña "Pairing", pero tú puedes hacerlo como un profesional.

Ordenar la jerarquía del texto. La receta más fácil y efectiva para empezar: Para los Títulos: Usa una fuente Serif (las que tienen "remates" o "patitas", como Playfair Display o Merriweather). Suelen ser más elegantes y decorativas. Para el Texto de Párrafo: Usa una fuente Sans Serif (las que son "de palo seco", sin remates, como Lato, Roboto o Open Sans). Son más limpias y fáciles de leer en bloques largos. ¿Por qué funciona? Porque el contraste entre las dos resulta ser muy evidente. Tu cerebro distingue al instante qué es un título y qué es texto, haciendo la lectura mucho más fácil.

Explora la caja de herramientas completa. Aprovecha los iconos y el conocimiento que te regala Google. Google Fonts es más que letras. Hay dos secciones que debes conocer: Icons: Una librería gigante de iconos de alta calidad que puedes usar en tus diseños. Lo mejor es que combinan perfectamente con las fuentes y también pueden ser variables, ¡así que puedes ajustar su grosor para que encajen a la perfección! Knowledge: Piensa en esto como una serie de mini-clases magistrales gratuitas sobre tipografías. Hay artículos escritos por los mejores diseñadores del mundo. Leer uno a la semana te pondrá muy por delante y actualizado.

La magia de la licencia (tu pase libre para crear). Diseña con total tranquilidad. 

Casi todas las fuentes en Google Fonts usan una licencia llamada SIL Open Font License. ¿Qué significa esto en palabras sencillas? Que puedes usar CUALQUIER fuente para CUALQUIER proyecto (trabajos de la universidad, tu portafolio, proyectos para clientes que te paguen, etc.) sin pedir permiso y sin pagar un céntimo. Es la tranquilidad de saber que nunca tendrás un problema legal por usar una tipografía.

La SIL Open Font License (OFL) es una licencia de código abierto y gratuita diseñada específicamente para tipografías, siendo la que respalda a la gran mayoría de las fuentes de Google Fonts. Su objetivo principal es permitir que diseñadores y desarrolladores usen, modifiquen y compartan fuentes libremente, fomentando la colaboración y la creatividad. En la práctica, esto te garantiza el derecho de utilizar las fuentes en cualquier tipo de proyecto, ya sea personal o comercial (como logotipos, sitios web o productos para la venta), sin tener que pagar royalties ni preocuparte por complejos asuntos legales. Esta libertad casi total viene acompañada de tres condiciones clave muy razonables. Primero, no puedes vender el archivo de la fuente por sí solo, aunque sí puedes vender productos que la utilicen. Segundo, si modificas una fuente, estás obligado a darle un nuevo nombre para no crear confusión con la versión original y proteger así el trabajo del autor. Y tercero, si redistribuyes la fuente (original o modificada), siempre debes incluir el archivo de texto de la licencia para que otros conozcan sus derechos y responsabilidades. Estas reglas aseguran un ecosistema tipográfico justo y colaborativo.

Ahora hagamos un breve repaso. Piensa en Sistemas, no elijas fuentes al azar. Planifica tu jerarquía. Usa Fuentes Variables, son el presente y el futuro. Aprovéchalas. Sé Eficiente, carga solo los pesos que necesitas. Combina con Intención, busca el contraste (Serif + Sans Serif es un gran comienzo). Explora todo, no te olvides de los iconos y de aprender en la sección "Knowledge". Si sigues estos pasos, no solo harás mejores diseños, sino que empezarás a pensar como un diseñador profesional desde el inicio. 

Espero que te sea de mucha utilidad esta corta línea de tiempo, y que tu valoración de las tipografías digitales esté más clara. Siempre agradezco tus comentarios sobre lo que comparto desde Pensamientos Maupinianos.

Que estés bien,

El autor de este post es publicitario, creativo y productor audiovisual y ha incursionado exitosamente como docente universitario para el Instituto de Mercadotecnia y Publicidad de México, así como en la UNITEC en Honduras desde hace más de veinte años. Es asesor publicitario independiente, redactor de artículos sobre publicidad, conferencista y blogger.