{"id":3804,"date":"2018-05-14T18:19:11","date_gmt":"2018-05-15T00:19:11","guid":{"rendered":"https:\/\/revista925taxco.fad.unam.mx?p=3804"},"modified":"2018-05-16T16:26:36","modified_gmt":"2018-05-16T22:26:36","slug":"breve-introduccion-a-la-tipografia-digital","status":"publish","type":"post","link":"https:\/\/revista925taxco.fad.unam.mx\/index.php\/2018\/05\/14\/breve-introduccion-a-la-tipografia-digital\/","title":{"rendered":"Breve introducci\u00f3n a la tipograf\u00eda digital"},"content":{"rendered":"

Por Miguel \u00c1ngel Padri\u00f1\u00e1n Alba.<\/strong><\/p>\n

Parte II.<\/span><\/strong><\/p>\n

\u00bfQu\u00e9 es una tipograf\u00eda digital?<\/strong><\/span><\/p>\n

Soy dise\u00f1ador gr\u00e1fico y tip\u00f3grafo aficionado, cuando explico a una persona lo que estudi\u00e9 o mi ocupaci\u00f3n me resulta dif\u00edcil aclarar lo que hacemos las dise\u00f1adoras y dise\u00f1adores, m\u00e1s aun, tratar de explicar lo que es una tipograf\u00eda digital o el trabajo que implica, por lo tanto, tratar\u00e9 de dar una breve introducci\u00f3n al mundo de la tipograf\u00eda digital y recomendar a quien lea este art\u00edculo algunos puntos para tomar en cuenta cuando elija una fuente tipogr\u00e1fica.<\/p>\n

Como se se\u00f1al\u00f3 en un art\u00edculo anterior (Tipograf\u00eda digital. Compensaciones \u00f3pticas heredadas de los tipos en plomo<\/a>) debemos tener claro que una fuente digital es una pieza de software<\/em> que trabaja con otros tipos de software,<\/em> es un archivo que contiene el dibujo de caracteres y la informaci\u00f3n del espacio entre estos para visualizar diferentes dise\u00f1os de letras, n\u00fameros y signos en sistemas operativos, aplicaciones, navegadores de computadoras y dispositivos m\u00f3viles.<\/p>\n

As\u00ed como evoluciona el software,<\/em> lo han hecho las fuentes digitales adapt\u00e1ndose a los requerimientos de hoy en d\u00eda, durante la d\u00e9cada de los ochenta surgieron dos formatos de fuentes digitales: TrueType (.ttf) y PostScript (.pfb, .pfm y .afm), ambos limitados por cerca de 255 glifos, y que generalmente manejaban diferentes tipos de archivos para sistema Mac y PC dificultando el trabajo entre plataformas, en el caso de PostScript eran necesarios dos o tres archivos por peso (es decir: light, medium<\/em> o bold<\/em>) mientras que TrueType usaba s\u00f3lo uno, para las familias tipogr\u00e1ficas con caracteres especiales como swashes<\/em>, caracteres alternos o ligaduras discrecionales era necesario agregarlos en otro archivo de fuente. Encontrar fuentes con soporte para cir\u00edlico o griego no era tarea f\u00e1cil.<\/p>\n

\"Fuentes<\/a>
Fuentes PostScript en la parte superior con dos archivos por peso, fuente TrueType en la parte inferior con un archivo por peso.<\/figcaption><\/figure>\n

En la d\u00e9cada de los noventas surgi\u00f3 el formato OpenType (.otf, .ttf y .otc) revolucionando el sector de la tipograf\u00eda digital, una codificaci\u00f3n diferente le dot\u00f3 de la posibilidad de contener cerca de 65 mil caracteres por archivo y ser multiplataforma. En la primera d\u00e9cada del siglo XXI se desarrollaron las fuentes digitales para uso en internet (.woff y .eot), estas se instalan en los servidores de las p\u00e1ginas web<\/em> para mostrar familias tipogr\u00e1ficas no instadas en las computadoras o dispositivos del usuario. En estos \u00faltimos a\u00f1os surgieron las fuentes de color (.svg, .colr, .sbix y .cbdt), por el momento se pueden usar en navegadores web<\/em>, algunos sistemas operativos y programas especializados donde se dise\u00f1a el texto con capas y colores para exportarlo en formato .pdf, .svg o .png y despu\u00e9s colocarlo en el proyecto. Algunas versiones de Adobe Illustrator y Adobe Photoshop ya permiten trabajar con este formato de fuentes.<\/p>\n

\"Fuentes<\/a>
Fuentes de nueva generaci\u00f3n para servidores web y con codificaci\u00f3n OpenType, en la parte inferior muestra de las recientes fuentes de color.<\/figcaption><\/figure>\n

\u00a0<\/strong>Desarrollo de una fuente digital<\/strong><\/span><\/p>\n

Para entender un poco el funcionamiento de las fuentes digitales es \u00fatil conocer lo que implica el desarrollo de estos proyectos, lejos de ser un complejo trabajo de c\u00f3digo como un programa de c\u00f3mputo es un trabajo gr\u00e1fico que puede tener una parte de programaci\u00f3n, es un proceso de varios pasos que inicia como muchos proyectos creativos: con una motivaci\u00f3n personal, una necesidad o una \u201cnecedad\u201d, porque no es un trabajo sencillo. Depender\u00e1 del tipo de proyecto las etapas y el proceso, ya sea un rescate tipogr\u00e1fico, una fuente comisionada o una fuente que se hace por inter\u00e9s personal, tambi\u00e9n influye la autora o autor y sus procesos de trabajo pero en general sigue un esquema.<\/p>\n

Se inicia con el dibujo de algunos caracteres, la \u201cinspiraci\u00f3n trabaja de formas misteriosas\u201d y uno nunca sabe qu\u00e9 tendr\u00e1 a mano para los primeros bocetos que despu\u00e9s se refinan para pasar a la etapa de digitalizaci\u00f3n, aunque hay fuentes que se usan como mapas de bits, las fuentes generalmente se dibujan con vectores para poder escalar su tama\u00f1o seg\u00fan lo deseado. Despu\u00e9s viene una parte que considero muy interesante puesto que acerca a las tip\u00f3grafas o tip\u00f3grafos al tradicional trabajo de las imprentas con tipos m\u00f3viles: se trabaja en peque\u00f1as casillas que tienen asignado un glifo en particular, por lo tanto, en el archivo de fuente final no se mostrar\u00e1n los caracteres de las casillas que no se trabajaron.<\/p>\n

\"Muestra<\/a>
Muestra de \u00e1rea de trabajo de un software de edici\u00f3n de tipograf\u00eda. Cada car\u00e1cter tiene asignada una casilla.<\/figcaption><\/figure>\n

Despu\u00e9s viene la labor de espacio de la fuente y consiste en dos etapas, tracking<\/em> para el espacio general y kerning<\/em> para el espacio entre pares espec\u00edficos de caracteres, si la fuente lo necesita es en esta etapa donde se trabajar\u00e1 la programaci\u00f3n de funciones OpenType \u2013un tema que ser\u00e1 abordado posteriormente\u2013, despu\u00e9s vienen pruebas con la fuente componiendo textos y las correcciones necesarias en dibujo y espacio.<\/p>\n

Cabe destacar que la decisi\u00f3n del n\u00famero de caracteres que ofrecer\u00e1 la tipograf\u00eda depende de la autora o autor, quien puede hacer tan compleja su fuente como lo desee, generalmente los proyectos m\u00e1s completos son generados por grupos de personas con conocimientos diversos o con asesor\u00eda de personas provenientes de varios pa\u00edses.<\/p>\n

\u00bfQu\u00e9 contienen las fuentes tipogr\u00e1ficas digitales?<\/strong><\/span><\/p>\n

La respuesta es compleja y depender\u00e1 de las decisiones que tom\u00f3 la persona o la empresa que trabaj\u00f3 la fuente tipogr\u00e1fica as\u00ed como el motivo de su creaci\u00f3n, el tipo de usuario que tuvo en mente, la cantidad de idiomas que consider\u00f3 o las necesidades de dise\u00f1o que m\u00e1s le interesaron. Como podemos ver es dif\u00edcil saber en un primer vistazo lo que una fuente o familia tipogr\u00e1fica tiene para ofrecer. Es hasta que conocemos su paleta de caracteres, o bien, hasta que la utilizamos que podemos conocer sus funciones y prestaciones.<\/p>\n

En general, las fuentes contienen los caracteres m\u00ednimos para escribir palabras o cifras con n\u00fameros as\u00ed como algunos signos de puntuaci\u00f3n, aunque la mayor\u00eda de los usuarios no requieren de caracter\u00edsticas tipogr\u00e1ficas complejas frecuentemente encontramos fuentes con tan pocos caracteres que s\u00f3lo es \u00fatil para el idioma ingl\u00e9s dejando mucho que desear con la ausencia de diacr\u00edticos, signos de interrogaci\u00f3n y admiraci\u00f3n por mencionar las carencias m\u00e1s comunes, necesarios en la mayor\u00eda de las lenguas.<\/p>\n

\"Muestra<\/a>
Muestra de fuente con pocos caracteres, \u00fatil para muy pocos idiomas.<\/figcaption><\/figure>\n

Para cubrir la mayor\u00eda de las necesidades de un proyecto debemos asegurarnos de contar con letras may\u00fasculas (o de caja alta), min\u00fasculas (o de caja baja), signos diacr\u00edticos, caracteres con signos diacr\u00edticos (o acentuaci\u00f3n para diversos idiomas), n\u00fameros (tanto ordinarios, como elzverianos[1]<\/a> y fracciones), signos de puntuaci\u00f3n, s\u00edmbolos monetarios y s\u00edmbolos matem\u00e1ticos b\u00e1sicos, es decir, aproximadamente los 255 glifos de las fuentes PostScript y TrueType de la d\u00e9cada de los ochentas, en suma, la cantidad de caracteres suficientes para cubrir cerca de cuarenta idiomas.<\/p>\n

Con el surgimiento del formato OpenType podemos encontrar fuentes tipogr\u00e1ficas mucho m\u00e1s complejas, con una mayor cantidad de caracteres, con s\u00edmbolos especializados y soporte para m\u00e1s idiomas, caracteres cir\u00edlicos, griegos, hebreos, idiomas de las regiones de Europa central y del Este; e incluso complejos sistemas de escritura de Asia. Gracias a la codificaci\u00f3n de las fuentes OpenType cada archivo puede contener un poco m\u00e1s de 65 mil caracteres, aunque ello no significa que todas las fuentes tengan semejante cantidad de glifos.<\/p>\n

Selecci\u00f3n de tipos<\/strong><\/span><\/p>\n

Debemos saber buscar y elegir los recursos tipogr\u00e1ficos que puedan cubrir las m\u00e1s b\u00e1sicas necesidades de la mayor\u00eda de los proyectos, idealmente se deber\u00eda decidir qu\u00e9 fuente o familia usar desde la planeaci\u00f3n del proyecto, considerar el contexto, el soporte o medio, los idiomas que debemos cubrir y una serie de factores que muchas veces se dejan de lado por lo apretado de los tiempos y los presupuestos, es entonces que recurrimos a la prontitud y gratuidad de internet donde tenemos muchas opciones para elegir y adquirir fuentes digitales, pero tener muchas opciones no garantiza que todo lo disponible sea de buena calidad.<\/p>\n

Tampoco descartemos del todo a las fuentes con pocos caracteres pues son \u00fatiles en t\u00edtulos cortos, como capitulares o proyectos donde la prioridad es el dibujo y no la letra. Pero fuera de esas funciones debemos tomar en cuenta algunos aspectos para el uso y selecci\u00f3n de familias tipogr\u00e1ficas en proyectos con necesidades mayores. He aqu\u00ed diez puntos a tomar en cuenta al seleccionar fuentes tipogr\u00e1ficas para un proyecto.<\/p>\n

    \n
  1. Complejidad del proyecto<\/strong><\/span><\/li>\n<\/ol>\n

    Para proyectos complejos que requieren varios niveles de jerarqu\u00eda en la informaci\u00f3n es recomendable familias tipogr\u00e1ficas con varios pesos, tal vez con variantes condensadas o expandidas, cada peso o variante con sus respectivas cursivas. Si es necesaria m\u00e1s de una familia tipogr\u00e1fica la mayor\u00eda de los profesionales recomiendan combinar familias que sean diferentes entre s\u00ed, adem\u00e1s algunos dise\u00f1adores sugieren combinar fuentes que compartan ADN, es decir que sean del mismo autor o casa fundidora. Algunas s\u00faper familias tipogr\u00e1ficas incluso cuentan con versiones sans-serif<\/em> y romanas con estructuras similares.<\/p>\n

    \"Muestra<\/a>
    Muestra de la s\u00faper familia tipogr\u00e1fica Zine con variantes sans-serif y romanas que parten de una misma base.<\/figcaption><\/figure>\n
      \n
    1. Rendimiento en la p\u00e1gina<\/span><\/strong><\/li>\n<\/ol>\n

      En diarios o proyectos con presupuesto ajustado son recomendables tipograf\u00edas con altura x<\/em> grande, ascendentes y descendentes cortas para tener m\u00e1s l\u00edneas de texto en la p\u00e1gina. Y si esto no es suficiente se sugiere emplear fuentes con dise\u00f1o condensado para tener m\u00e1s palabras por l\u00ednea de texto.<\/p>\n

        \n
      1. Necesidades de las y los lectores<\/strong><\/span><\/li>\n<\/ol>\n

        Laborando con editoriales de libros escolares, he trabajado fuentes con requerimientos especiales para primeros lectores, esencialmente se deben evitar confusiones entre caracteres para facilitar el reconocimiento de los mismos. Cabe destacar el caso de Sarakanda, una fuente dise\u00f1ada por Alejandro Valdez Sanabria para personas con dislexia.<\/p>\n

        \"Fuentes<\/a>
        Fuentes Futura y Sasson en la parte superior, para los primeros lectores suele ser confusa la primera, la segunda resuelve algunos problemas para la lectura. Fuente Sarakanda dise\u00f1ada para lectores con dislexia.<\/figcaption><\/figure>\n
          \n
        1. Temas especializados<\/strong><\/span><\/li>\n<\/ol>\n

          Hablando de \u00e1reas como la f\u00edsica, las matem\u00e1ticas o la qu\u00edmica son necesarios diversos glifos como fracciones, complejos signos matem\u00e1ticos o sub\u00edndices para f\u00f3rmulas qu\u00edmicas. Algunos textos hist\u00f3ricos que deben reproducirse fielmente requieren caracteres que muy posiblemente ya est\u00e1n en desuso.<\/p>\n

          \"Caracteres<\/a>
          Caracteres y ligaduras hist\u00f3ricas, algunas en desuso.<\/figcaption><\/figure>\n
            \n
          1. Idiomas<\/strong><\/span><\/li>\n<\/ol>\n

            Gracias a la globalizaci\u00f3n es com\u00fan el uso de diacr\u00edticos y caracteres ajenos a nuestra lengua castellana, nombres de personas o ciudades y el empleo de palabras en otros idiomas son m\u00e1s comunes cada d\u00eda. En proyectos biling\u00fces, o incluso triling\u00fces para varios sectores o mercados debemos asegurarnos que sean cubiertas las necesidades de cada idioma.<\/p>\n

              \n
            1. Dibujo de la tipograf\u00eda<\/strong><\/span><\/li>\n<\/ol>\n

              En ocasiones las cualidades pl\u00e1sticas de la tipograf\u00eda deben destacar como elementos gr\u00e1ficos para ilustrar un periodo hist\u00f3rico, \u00e1rea geogr\u00e1fica o hacer referencia a estilos gr\u00e1ficos como conceptos o ideas. En estos casos podemos recurrir a las fuentes display<\/em>, a\u00fan cuando contengan pocos caracteres, si s\u00f3lo las emplearemos en t\u00edtulos.<\/p>\n

              \"Fuentes<\/a>
              Fuentes display, pueden ser \u00fatiles en textos cortos, t\u00edtulos o ilustrando periodos hist\u00f3ricos o estilos gr\u00e1ficos.<\/figcaption><\/figure>\n
                \n
              1. Se\u00f1al\u00e9tica (Lecturabilidad)<\/strong><\/span><\/li>\n<\/ol>\n

                Una fuente con estas caracter\u00edsticas debe leerse r\u00e1pido, por ejemplo en un aeropuerto o alguna autopista, en el primer vistazo debe darnos informaci\u00f3n concisa, por eso se recomiendan las fuentes sin remates y de dibujo sencillo y claro (ofreciendo amplias contraformas y buen contraste) que eviten confusiones.<\/p>\n

                  \n
                1. Soporte<\/strong><\/span><\/li>\n<\/ol>\n

                  Las condiciones de trabajo entre papeles satinados y porosos son muy diferentes, as\u00ed como la calidad del sistema de impresi\u00f3n a emplear, en las peores condiciones se recomiendan letras con trampas de tinta. Para pantallas con baja resoluci\u00f3n se sugieren fuentes sin remates e incluso fuentes de tipo pixel.<\/p>\n

                  \"Muestra<\/a>
                  Muestra de Bell Centennial con trampas de tinta para compensar la ganancia de punto en sistemas de impresi\u00f3n r\u00e1pidos o de baja calidad.<\/figcaption><\/figure>\n
                    \n
                  1. N\u00fameros<\/strong><\/span><\/li>\n<\/ol>\n

                    Este es un tema complejo, en las fuentes profesionales encontraremos n\u00fameros de ojo antiguo o no alineados para cifras y fechas en el texto, n\u00fameros alineados para t\u00edtulos y tablas con informaci\u00f3n, numeradores y denominadores para fracciones b\u00e1sicas.<\/p>\n

                    \"N\u00fameros<\/a>
                    N\u00fameros alineados y de ojo antiguo disponibles en la misma fuente tipogr\u00e1fica.<\/figcaption><\/figure>\n
                      \n
                    1. Ornamentos y dingbats<\/em><\/strong><\/span><\/li>\n<\/ol>\n

                      Algunas familias tipogr\u00e1ficas disponen de una variante con signos no alfab\u00e9ticos, contienen ornamentos, bullets<\/em>, divisores o marcos para complementar el proyecto con elementos del mismo estilo gr\u00e1fico.<\/p>\n

                      \"Muestra<\/a>
                      Muestra de ornamentos en una fuente no alfab\u00e9tica.<\/figcaption><\/figure>\n

                      Espero que estas recomendaciones sean de utilidad para pr\u00f3ximos trabajos, sin duda se escapan muchos factores, pues estoy cierto de que cada proyecto tiene requerimientos diferentes. Como \u00faltima recomendaci\u00f3n solicito que antes de instalar una nueva tipograf\u00eda digital se lea y revise a detalle la licencia de uso para respetar el trabajo y el tiempo de la autora o autor.<\/p>\n

                      \u00bfHacia d\u00f3nde va el dise\u00f1o y mercado de fuentes?<\/strong><\/span><\/p>\n

                      Las fuentes tipogr\u00e1ficas se pueden adquirir de forma gratuita desde hace tiempo pero gracias a proyectos como Google Fonts podemos adquirir fuentes excepcionales y de forma gratuita, de igual forma algunas casas fundidoras, tip\u00f3grafas y tip\u00f3grafos ofrecen algunas familias o pesos de forma gratuita y de muy buena calidad. Si el presupuesto lo permite se deben adquirir tipograf\u00edas de forma legal con alguna distribuidora, los filtros de selecci\u00f3n y revisi\u00f3n de \u00e9stas garantizan un m\u00ednimo de calidad y un buen funcionamiento, adem\u00e1s algunas brindan asistencia t\u00e9cnica.<\/p>\n

                      En el futuro sin duda seguir\u00e1n existiendo fuentes gratuitas y de pago, algunas plataformas como Fontown han adoptado un esquema de suscripci\u00f3n similar a servicios de streaming<\/em> similares a los servicios tan conocidos de Netflix y Spotify. La producci\u00f3n tipogr\u00e1fica posiblemente se combinar\u00e1 de forma m\u00e1s natural con otras disciplinas y se ver\u00e1 influenciada por tendencias tecnol\u00f3gicas como el motion graphics<\/em>, realidad aumentada, realidad virtual y los ambientes digitales tridimensionales. Entonces tal vez la programaci\u00f3n de las futuras familias tipogr\u00e1ficas tendr\u00e1 que ver con el movimiento, tridimensionalidad o con reacciones a est\u00edmulos del usuario, s\u00f3lo el tiempo lo dir\u00e1.\u00a0\u00b6<\/span><\/p>\n

                      <\/a><\/span><\/p>\n

                      (Publicado el 14 de mayo de 2018)<\/span><\/p>\n

                      Referencias<\/strong><\/p>\n