Una fuente del siglo XVII en una tesis del siglo XXI

• En la composición tipográfica de una tesis doctoral del siglo XXI se usan las Dutch Fell types de alrededor de 1670, buscando revivir en LaTeX la textura de la impresión tipográfica con tipos cortados a mano y compuestos manualmente, más que la uniformidad de las fuentes digitales.
• Las Fell types son una tipografía que antecede a Caslon por cerca de medio siglo; Igino Marini las digitalizó como IM Fell y les aplicó funciones OpenType, y luego también quedaron disponibles en Google Fonts.
• Tienen x-height irregular, baseline áspera y serifs distintos entre sí, pero el flujo dentro de las letras y entre ellas está equilibrado, por lo que resultan cómodas de leer incluso en textos largos.
• En tamaños de cuerpo, los trazos verticales son un poco más gruesos que en Caslon, lo que produce un efecto picket-fence; con fontspec de LaTeX se aumentó el espaciado entre letras y se ajustaron por separado las itálicas y los encabezados.
• Finalmente, con FontForge se retocaron algunos glyphs y el kerning para corregir la superposición entre la solidus y el punto de la i, el serif de la u, la C en versalita, y el en dash y em dash; pero se evitó reducir el grosor de los trazos por el riesgo de distorsión.

---

La textura de la impresión tipográfica que faltaba en las fuentes digitales

• Las fuentes digitales comunes para texto corrido, incluso tipografías famosas como Caslon o Garamond, suelen ser demasiado uniformes y ordenadas, por lo que transmiten poco esa sensación de corte manual de las antiguas tipografías de imprenta.
• Las recreaciones digitales fieles de tipografías tipográficas son raras; Founder's Caslon, de Justin Howes, era una de ellas, pero dejó de ofrecerse comercialmente después de que él muriera de un infarto en 2005, a los 41 años.
• La experiencia de ver en persona una specimen sheet original de William Caslon, impresa en Londres en 1741 y conservada en la colección de libros raros de una biblioteca universitaria, llevó al intento de imitar la impresión tipográfica en una tesis doctoral.
• Como la universidad no imponía Times New Roman de 12 pt para el formato de la tesis, fue posible aplicar otra forma de composición tipográfica en la tesis doctoral.

Por qué elegir Fell types

• Las Dutch Fell types, de alrededor de 1670, son una tipografía aproximadamente medio siglo anterior a Caslon.
• Durante la última década, Igino Marini trabajó en digitalizar fielmente las Fell types y aplicarles funciones avanzadas de composición de OpenType.
• Esta tipografía digital luego también quedó disponible en Google Fonts.
• El primer specimen book de las Fell types, impreso por Oxford University Press en 1693, apareció cuando J. S. Bach tenía 8 años, y solo se conocen cuatro ejemplares.
• Como buena parte de los punches y matrices originales, incluidas algunas piezas hechas de madera, desaparecieron, el specimen queda como el único registro de algunas formas de la fuente.

Una tipografía áspera pero equilibrada

• Las Fell types son, incluso bajo criterios de impresión tipográfica, una tipografía áspera.
  • La x-height no es consistente.
  • La baseline es irregular.
  • Los serifs no son idénticos entre sí.
• A pesar del ruido superficial, el equilibrio dentro de cada letra y el flujo hacia la siguiente son refinados, lo que facilita la lectura.
• Estas características también aparecían en tipografías similares ampliamente usadas en el noroeste de Europa, desde los Países Bajos hasta Dinamarca, y más tarde se difundieron aún más a través de Caslon; siguen siendo muy valoradas hoy.
• Al comparar Caslon y Fell types glyph por glyph, las diferencias son en general superficiales, pero a nivel de palabra, línea y párrafo aparecen matices más sutiles.

El efecto picket-fence visible en el cuerpo del texto

• En el optical size para texto corrido, las Fell types tienen trazos verticales algo más gruesos que Caslon, por lo que el color de la página es más oscuro y da una impresión tipo picket-fence.
• Si el efecto picket-fence aparece de forma extrema, puede dificultar la lectura para lectores modernos; la Gothic script es un ejemplo representativo.
• En textos largos, el lector puede sentir que el texto lo “retiene” un poco.
• El interlineado anormalmente grande exigido en tesis universitarias aumenta aún más el desequilibrio entre la densidad vertical y la horizontal.

Los principios de Marini y el ajuste del espaciado entre letras

• En 2015, Igino Marini explicó que la premisa del proyecto Fell Types era reproducir el original lo más posible, y que mantuvo sin una interpretación activa tanto las formas digitales como la estrechez del spacing general.
• Para Marini, el objetivo de Fell Types no era crear una tipografía agradable o de aspecto moderno, sino una recreación fiel.
• Rompiendo la regla tipográfica de no modificar el espaciado de las minúsculas, se aumentó ligeramente el espacio de todas las letras con el paquete fontspec de LaTeX.
• El objetivo del ajuste era que la “resistencia” vertical y horizontal del texto se percibiera casi igual.
• El resultado casi no se nota a nivel microscópico, pero en el párrafo completo libera un poco la presión, haciendo que el texto respire más y se lea con más libertad.
• También se aplicó margin kerning, es decir protrusion, con el paquete microtype de LaTeX.

Tratamiento separado del espaciado en itálicas y encabezados

• Después de ampliar el espaciado de las minúsculas, las itálicas se veían demasiado separadas.
  • Esto se debe a que las letras itálicas se parecen más a formas conectadas, como la escritura cursiva.
  • Las palabras en itálica dentro del cuerpo se volvieron a comprimir al espaciado básico.
• En cambio, las itálicas de los encabezados de página, mostradas en un tamaño menor, se veían demasiado apretadas.
  • Al revisar de nuevo el specimen de 1693, se comprobó que las itálicas en tamaños pequeños efectivamente se componían con más espaciado entre letras para mejorar la legibilidad.
  • A las itálicas de los encabezados se les aplicó un aumento de espaciado mayor que al Roman del cuerpo.
• Al día siguiente, las itálicas del cuerpo en tamaño normal volvieron a verse demasiado apretadas, así que se reajustaron.
• El resultado final puede verse en la tesis doctoral.

Problemas con LaTeX y la visualización en PDF

• Como los archivos de las fuentes Fell aprovechan configuraciones avanzadas de los estándares de fuentes digitales, surgieron varios problemas en la composición con LaTeX y en la visualización e impresión de PDF.
• Los problemas relacionados y sus soluciones se discutieron en un hilo de Stack Exchange.

Glyphs y kerning modificados con FontForge

• Para convertir la tesis en un resultado tipográfico propio, se modificaron directamente algunas formas de glyphs y parte de la kerning table.
• Estas modificaciones no se pueden hacer con un procesador de texto ni con Adobe Illustrator; requieren un programa especializado de edición de fuentes.
• La herramienta usada fue FontForge, y en ese momento las fuentes IM Fell se distribuían bajo la SIL Open Font License.
• IM Fell no fue digitalizada a partir del original de 1693, sino de una recreación posterior basada en tipos refundidos a fines del siglo XIX, por lo que no coincide por completo con el specimen original.
• La principal motivación de los cambios no fue perseguir la originalidad, sino que algunos quiebres llamativos en ciertas letras, aparentemente surgidos durante la refundición del siglo XIX, perjudicaban la legibilidad.
• La fuente digital es un poco más gruesa que el original, pero no se redujo el grosor de los trazos porque al recortar más las partes gruesas había riesgo de distorsión.
• Gracias al espaciado entre letras ampliado, el color general del bloque de texto tampoco se sentía demasiado oscuro para la lectura.

Lista concreta de modificaciones

• Se eliminó la superposición que podía ocurrir entre la solidus y el punto de la i en casos como out/in.
  • Otra opción sería usar {\i} en LaTeX para emplear una i sin punto como si fuera una ligadura /i.
  • En prose, se considera preferible evitar la solidus siempre que sea posible.
• Se corrigió el problema del serif superior derecho de la u, que sobresalía hacia arriba.
  • En el specimen original de Fell types no existe esa protuberancia.
  • Se acortó el serif en sentido horizontal para que no pareciera unido al trazo izquierdo y mejorar la legibilidad.
• Se redujo el problema de que la C en versalita pareciera una G.
  • Aunque el propio specimen también parece una G, otras C no lo hacen, por lo que se interpretó como una anomalía involuntaria surgida de un imperfect cutting o printing.
• Se hicieron más largos el en dash y el em dash.
  • Antes, el en dash parecía un hyphen y el em dash parecía un en dash.
  • Se ajustaron para que fueran más estilizados y se integraran mejor con el color general del bloque de texto.
• No se corrigió la superposición de g itálicas adyacentes.
  • En impresión tipográfica sería físicamente imposible salvo que se hubieran cortado juntas, pero separar la parte inferior dejaría demasiado espacio entre ambas letras.
  • El specimen book no contiene ejemplos que muestren cómo se componían estos casos en la época.
  • Se consideró que el estado actual no está mal, salvo que se dibuje una ligadura gg separada.

El efecto intencional que producen los defectos ásperos

• En imágenes ampliadas de los glyphs, los quiebres e imperfecciones de la tipografía se destacan.
• Es poco probable que los tipos de madera y metal tuvieran realmente tantos defectos, y la textura áspera del papel de la época también influía en esa impresión.
• Al imprimirse en papel moderno y liso a tamaño normal, esos quiebres e imperfecciones producen el efecto de letras cortadas a mano presionadas sobre papel hecho a mano.
• La pregunta de si una tesis sobre computación del siglo XXI puede verse como un impreso del Renacimiento conecta con una escena de 2001: A Space Odyssey, donde se encuentran el pasado remoto y el futuro lejano.

[GN⁺]

Comentarios de Hacker News

• Probé un enfoque parecido con CSS en mi propia “granja de contenido medieval”(https://tidings.potato.horse), pero por problemas de rendimiento terminé dejando solo la opacidad y el tono de cada letra aleatorizados, y quité las deformaciones
  El siguiente paso sería agregar una pequeña zona de padding que cubra el espacio vacío a la derecha del texto[1][2], para que la columna se vea más ordenada. Al parecer, en esa época el horror vacui era bastante importante
  Curiosamente, esto se vuelve mucho más fácil con container queries y Stable Diffusion: metes ejemplos de patrones en SD, los escalas a unas 10 medidas distintas, luego los usas como fondo de elementos para llenar el espacio vacío de cada línea, y con container queries eliges la imagen adecuada
  El resultado queda limpio pero orgánico, y además puedes presumir que no usaste JS
  [1] https://i.pinimg.com/originals/2f/46/2d/2f462df256f4bd509b48...
  [2] https://i.pinimg.com/originals/ac/68/a8/ac68a86da5ec457960d0...

  • Si no lo has probado, recomiendo Pentiment. Está ambientado en la época en que la imprenta empezaba a expandirse por Europa a inicios del siglo XVI, y el texto de diálogo de cada personaje se presenta según la forma en que esa persona escribe o imprime
    El renderizado del texto es realmente hermoso, e incluso hay un efecto donde la tinta se seca un momento después de que aparecen las letras. Esperaba ver un blog técnico sobre sus técnicas de renderizado de texto, pero todavía no lo encuentro
  • Vi que en la página escriben la pronunciación del nombre como /'rafau pastoohshak/, pero esa es una interpretación al estilo inglés, y la notación /.../ normalmente se refiere al Alfabeto Fonético Internacional. /.../ es una transcripción aproximada, mientras que [...] es una más precisa
    En IPA, probablemente sería algo más cercano a /rafaw pastuʂak/. Por cierto, /ʂ/ es muy parecido a /ʃ/

• Las comillas de esa página están bastante mal. La buena práctica es usar comillas dobles curvas o comillas simples curvas, no una combinación de backtick y apóstrofo
  Véase https://www.cl.cam.ac.uk/~mgk25/ucs/quotes.html. En resumen, dice que no se debe usar la comilla grave ASCII (0x60) como comilla de apertura, ni el apóstrofo ASCII (0x27) como comilla de cierre, como en `quote'
  Y Founder's Caslon sí se puede conseguir comercialmente. Al menos ahora
  https://www.myfonts.com/collections/founders-caslon-font-itc

  • Parece que el autor heredó ese hábito de comillas de LaTeX. Si usas backticks y apóstrofos en pares simples o dobles, se renderizan como las comillas de apertura/cierre correctas
    También es posible que haya copiado y pegado desde el original en LaTeX y se le haya olvidado corregir las comillas
    Al menos en mi entorno, además faltan las cursivas en la página. En vez de usar glifos itálicos separados, parece un oblique generado al inclinar la romana. Algunos sistemas hacen esto si no encuentran los glifos itálicos o la configuración está mal
  • Tengo la costumbre de usar comilla grave para las comillas de apertura por haber usado software viejo de Unix o ELisp fuera de contexto
    Si se usa como markup que del lado visible al usuario se convierte en comillas curvas, me parece una práctica aceptable. Incluso en escritura a mano a veces termino usándola como una comilla de apertura exagerada
    Cuando escribo con cuidado dibujo comillas curvas o tics enfrentados en espejo, pero al escribir rápido o en Markdown siento que distinguir apertura/cierre así se lee mejor que usar solo comillas simples
  • A mí también me llamó bastante la atención esa parte. Viendo el cuidado puesto en lo demás y que las comillas del cuerpo del artículo sí están bien, parece más probable que haya sido un error accidental desafortunado que ignorancia
  • Esa visión de las reglas de comillas es demasiado anglocéntrica

• Si quieres una familia variable estilo Fell más limpia, vale la pena ver Elstob: https://psb1558.github.io/Elstob-font/
  Puedes ajustar el slider y es fácil crear efectos de espaciado como los que menciona el artículo

  • No diría que sea una alternativa real. El atractivo está en ese aspecto tan orgánico y hecho a mano
    La tipografía recomendada puede funcionar mejor para trabajos de estilo medieval, pero aun así sigue viéndose digital

• Al leer este artículo queda muy claro por qué, y cómo, una tipografía es considerada un programa de computadora y por eso recibe protección de copyright
  Para la gente común, e incluso para muchos programadores, es fácil pensar intuitivamente en las tipografías como una colección de dibujitos pequeños, pero en realidad implican una cantidad enorme de trabajo
  Es una suerte que hoy podamos elegir entre tantas buenas tipografías y que, aunque la mayoría no compremos licencias tipográficas directamente, alguien haya estado absorbiendo ese costo de producción

  • El copyright protege prácticamente todas las obras creativas, salvo unas pocas excepciones. Que una tipografía sea o no un programa de computadora no tiene absolutamente nada que ver con si puede estar protegida por copyright
    Incluso si una tipografía fuera solo una “colección de dibujitos pequeños”, es decir, una tipografía bitmap, seguiría estando protegida por copyright a menos que se trate únicamente de imágenes ya en dominio público, que no alcance el umbral de originalidad, o que exista alguna circunstancia especial como que sea una obra gubernamental
  • La mayor parte del software que usamos para programar es open source, pero los diseñadores de tipografías con frecuencia piden cantidades absurdamente altas por sus licencias
    Muchas veces también rechazan una tarifa fija y exigen llevarse una porción mayor si la cantidad de usuarios de la app supera cierto umbral. Que una app sea popular no significa que esté imprimiendo dinero como para gastar una suma de seis cifras en una licencia tipográfica
    Puedes crear una app que atienda a millones de usuarios con Linux, HTML, JS, CSS, Rust, Go y decenas de miles de librerías o módulos open source, casi siempre sin cobrar por usuario o incluso gratis, así que resulta extraño que la tipografía pueda terminar siendo el componente más caro de la app
  • Fui recorriendo el texto por encima buscando dónde estaba la tipografía, y solo cuando llegué al final me di cuenta. Es una tipografía bastante atemporal

• Encontré una nueva tipografía para terminal: https://building-m.net/xbackbone/jOGE6/sUGEqePe74/raw.png

  • Se ve genial. Me recuerda a Sun Gallant Demi, una de mis tipografías favoritas para terminal: https://i.stack.imgur.com/g1qkf.png
  • Si se usa con algo como export LC_ALL=Latin.UTF-8, ayuda mucho a reforzar la metáfora de que los programadores son en realidad magos lanzando conjuros
  • Me hizo suspirar al recordar las viejas workstations de Sun que usaban en la University of Glasgow
  • Es hermosa. Valdría mucho la pena ver una versión monoespaciada
  • ¿Qué terminal usan para que soporte tan bien una tipografía de ancho variable?

• En vez de codificar en la fuente los defectos ondulados, estaría bien generarlos proceduralmente al momento de rasterizar
  Así la textura áspera podría mantenerse con la misma resolución sin importar el tamaño de la fuente. Con el método actual, si la fuente es de 120pt, los bordes rugosos también se ven ampliados
  ¿Hay alguna forma de especificar eso en un lenguaje de fuentes? ¿O tendría que implementarlo directamente el motor de rasterización?

  • Yo también estaba escribiendo un comentario sobre generación procedural antes de ver este
    Pensé en colocar formas sobre el contorno de la forma básica de la letra, poner puntos aleatorios dentro de esas formas y luego unirlos con líneas o splines
    Se podría variar el tamaño de las formas según cuánto quieras alterar la figura, y también controlar ciertos rasgos específicos que deban conservarse. Seguro a alguien se le ocurrirá una mejor forma de hacerlo
  • Lo generado proceduralmente es justo lo opuesto al diseño tipográfico profesional
    Las fuentes por tamaño se ajustan con muchísimo cuidado, precisamente por la razón que mencionas: los rasgos pequeños empiezan a verse raros en tamaños grandes
  • Antes sí había una forma. En las fuentes Type 3, cada glifo se definía con una rutina de PostScript
    Pero los sistemas de visualización principales —Windows, Mac y X— no lo soportaban. Tal vez NeWS o NeXT sí, pero no estoy seguro
  • A veces pienso vagamente que sería divertido renderizar fuentes con una simulación física básica del tipo de tinta y papel
    Quizá sería un desperdicio para la mayoría de los usos de renderizado de fuentes, pero para renderizar diapositivas finales o un PDF sonaría entretenido. Claro, sería una tontería si la idea fuera mandar luego ese PDF a una impresora
  • Me pregunto qué impacto tendría eso en el consumo de energía si fuera una tipografía de uso masivo

• Es un trabajo realmente magnífico. Es muy difícil encontrar tipografías históricas que no hayan sido modernizadas en exceso
  Por diversión, me gusta restaurar cartas de juego antiguas, mazos de tarot y otros impresos, y volver a imprimirlos para que los lectores modernos puedan usarlos
  Para hacerlos más legibles, tiene sentido usar texto traducido o reconstruido, pero si fuera fácil conseguir tipografías como esta, el trabajo sería mucho más sencillo

• Esta tipografía me resulta un poco demasiado desordenada, pero sí estoy de acuerdo en que la “tipografía moderna” a veces tiene demasiado poca alma
  También espero con ganas un renacimiento de las tipografías serif. No me convence mucho la narrativa de que las serif no sirven para la web
  No soy experto en tipografía, pero una fuente que me gusta y que intento usar a menudo es Baskerville
  En cambio, aunque me gusta muchísimo LaTeX, detesto Computer Modern. Tal vez no sea culpa de la fuente en sí, sino de que con ella todos los papers se ven iguales, pero se me hace demasiado aburrida

  • Desde un punto de vista técnico, no hace falta creer esa narrativa de que las serif no van bien en la web
    A medida que la resolución de las pantallas mejoró lo suficiente como para mostrar serif de una forma bastante cercana a la impresión, el debate sobre la legibilidad fue perdiendo importancia. Podría decirse que eso empezó alrededor de 2010–2014, cuando Apple popularizó las pantallas “Retina” de más de 200dpi, y ahora más todavía, cuando gran parte de la navegación web ocurre en móvil
    Lo que sí marca una diferencia son las asociaciones culturales y de marca que tienen las tipografías serif. Últimamente siento que se ve más tipografía serif en la web incluso en contextos modernos o tecnológicos, y viendo el peculiar rediseño de theverge.com, quizá ese renacimiento esté cerca
    Artículo relacionado: http://alexpoole.info/blog/which-are-more-legible-serif-or-s...
  • Computer Modern habrá sido una gran tipografía en 1978, pero su última actualización fue en 1992 y, comparada con las tipografías digitales modernas, se siente dolorosamente anticuada y de baja calidad
    Que se siga usando pese a que la composición tipográfica de LaTeX es tan buena roza lo criminal
    Y, sinceramente, tampoco me gusta mucho ese trillado estilo Didone. Va mejor para publicidad o portadas de revista que para lectura
  • Computer Modern en papel está bien, pero en pantalla se hace muy pesada de leer. Me pregunto si a la familia Fell le pasa algo parecido. Los escaneos de papers en los que las letras no están alineadas a la cuadrícula de píxeles se ven mucho mejor
    Me gusta Baskerville, pero me da un poco de pena que la única versión de código abierto que conozco, Libre Baskerville, haya alterado tanto el diseño para pantalla. Con Caslon pasa algo parecido

• De hecho, esta tipografía me resultó bastante cómoda de leer. Sentí que los ojos pasaban de una palabra a la siguiente con más suavidad
  También me parece interesante que el grosor ligeramente irregular de cada letra se parezca a fuentes diseñadas para ayudar a lectores con dislexia, como OpenDyslexic. Me pregunto si será por eso
  https://en.m.wikipedia.org/wiki/OpenDyslexic

  • Habrá otros factores, pero algunas formas simplemente se leen mejor, así que creo que eso pesa bastante
    A fines de los 90 y en los 2000 hubo una corriente tipográfica que apuntaba a diseños “matemáticos” o “geométricos”, y todavía se nota su rastro. La idea era usar exactamente las mismas curvas, el mismo tamaño y proporción de bolas, y las mismas serif en todas las letras
    Hoy en general se considera un callejón sin salida. El texto se siente inhumano o soso, la mejora de legibilidad es mínima en el mejor de los casos y a menudo incluso empeora. Mientras no sea demasiado distractor, parece que pequeñas inconsistencias ayudan a identificar más rápido las letras
    La tendencia actual va más hacia cierta inconsistencia introducida deliberadamente. En su mayoría es tan sutil que cuesta notarla si no estudias tipografías en particular, pero en conjunto da una sensación más orgánica y ayuda a distinguir formas parecidas usadas en letras distintas

• De todas las implementaciones de tipografías y textos que vi en este sitio, esta es la que más me gustó. Puedes creerme: hago clic en todos estos posts.

Como estoy escribiendo un libro, era natural que también surgiera el problema de distraerme con las tipografías.