1 puntos por GN⁺ 2025-11-10 | 1 comentarios | Compartir por WhatsApp
  • Una tipografía experimental creada superponiendo y promediando todas las fuentes instaladas en una computadora, cuyo resultado promedia visualmente la forma de cada carácter
  • Usando ImageMagick y PHP, se generaron imágenes promedio al superponer letras del mismo tamaño, y se observaron resultados distintos según la alineación por línea base (baseline) y origen (origin)
  • Para lograr nitidez en los contornos y preservar la forma de las letras, el método evolucionó hacia dividirlas en cientos de puntos equidistantes y promediar las posiciones correspondientes
  • La fuente terminada se publicó bajo la SIL Open Font License, e incluye varias variantes como Regular, Bold, Light, Italic, además de versiones Serif y Sans
  • Avería Libre es una versión basada en Google Web Fonts, considerada un caso representativo de experimentación tipográfica de código abierto

El concepto y punto de partida de Avería

  • Avería nació como un experimento de tipografía generativa (generative typography) a partir de la idea de “el promedio de todas las fuentes instaladas en una computadora”
    • En lugar de combinar formas de letras de manera simple, explora la forma visual promedio superponiendo y promediando múltiples fuentes
  • En los primeros experimentos, cada letra se renderizaba al mismo tamaño para generar imágenes superpuestas con transparencia (baja opacidad)
    • En este proceso se usaron ImageMagick y PHP para calcular el promedio de píxeles de cada letra
  • Al alinear las letras haciendo coincidir la línea base (baseline) y el origen (origin), se observó que la parte inferior quedaba nítida mientras la superior se volvía borrosa

Diferencias frente a intentos previos

  • Más adelante se descubrió que la misma idea ya existía, pero los resultados de Avería mostraban formas más claras y mayor nitidez
  • Durante el experimento se confirmó que la letra minúscula g existe en dos formas distintas, revelando visualmente las diferencias estructurales entre fuentes
  • En vez de quedarse con un simple promedio de píxeles, se exploraron varios métodos para encontrar una forma de promediado que preservara la estructura

Enfoque técnico para promediar formas

  • Como el simple procesamiento por umbral (threshold) no producía resultados nítidos, se investigaron técnicas de interpolación entre formas (morphing)
    • Por ejemplo, se comparó el promedio entre una I mayúscula con serif y otra sin serif, así como entre un cuadrado y ese mismo cuadrado rotado 45 grados
  • Para entender la estructura de las letras, se creó una app web para visualizar curvas, puntos de control y contornos
  • En lugar de resolver un emparejamiento complejo de formas, se adoptó un método más simple: dividir el contorno de cada letra en 500 puntos equidistantes y promediar las posiciones correspondientes

Finalización y publicación de Avería

  • Tras aproximadamente un mes de trabajo, se completó Avería, cuyo nombre en español significa “falla” o “daño”, y que también se relaciona etimológicamente con “average”
  • El proceso de creación de la fuente permitió profundizar en la comprensión de las curvas Bézier y las métricas tipográficas
  • La fuente terminada se publicó bajo la SIL Open Font License, por lo que puede usarse libremente
    • Incluye variantes básicas como Regular, Bold, Light e Italic, además de la versión Gruesa (basada en las 725 fuentes completas)
  • Más adelante se expandió a Avería Serif, Avería Sans, paquetes TTC y Avería Libre para Google Web Fonts

Licencia y guía de uso

  • Avería puede usarse libremente tanto para fines comerciales como no comerciales
  • Si alguien la usa en un proyecto, al creador le gustaría enterarse, pero no se requiere ningún permiso adicional
  • Entre las principales herramientas usadas en el proyecto se mencionan fontforge, Superpolator y Font Remix Tools
  • La versión Avería Libre fue creada a partir del directorio de Google Web Fonts, por lo que puede aprovecharse fácilmente también en la web

Apéndice e información de referencia

  • En el proceso de promediado de formas, se señaló que las dos variantes de a y g fueron el mayor problema
    • La g coexistía en una forma con dos huecos y otra con un solo hueco
    • Al final, se eligió la forma más común: g de un solo hueco, a redonda y a con gancho
  • Avería es un ejemplo creativo de experimentación tipográfica de código abierto, que muestra las posibilidades de fusión entre programación y diseño

1 comentarios

 
GN⁺ 2025-11-10
Comentarios en Hacker News
  • Hace recordar a la fuente Old Timey
    Me gusta que ambas fuentes transmiten una textura como si hubieran sido impresas con tinta real
    En especial Averia, gracias a que fue creada promediando varias fuentes, tiene una sensación parecida al leve corrimiento de tinta que aparece al presionar tipos sobre papel suave

  • Esta es una fuente experimental creada en 2011, resultado de promediar todas las fuentes de un sistema
    Resulta interesante porque se parece a la sensación de valle inquietante (uncanny valley) que producen las imágenes con texto generadas por IA

    • Parece texto de fotocopia copiado muchas veces, así que me recuerda a los folletos de la primaria
    • Yo más bien no siento ese efecto de valle inquietante, y me parece bastante buena como fuente
    • Me recuerda a la fuente Open Dyslexic
    • Cuando la vi por primera vez también pensé: “el texto de IA se ve como un promedio de fuentes”
    • Me pregunto si se le podría pedir a una IA que genere una imagen usando una fuente específica
  • Llevo más de 10 años usando Averia, sobre todo la versión Serif Libre, como mi fuente principal para correo, modo lectura, escritura de textos largos, etc.
    Tiene muy buena legibilidad y da una sensación calmante
    Desde la perspectiva de alguien que ha trabajado mucho tiempo con tipografía impresa y web, Averia resulta cómoda precisamente porque no intenta destacar de forma especial

    • Así como al promediar muchos rostros se obtiene uno atractivo, con las fuentes también existe esa estabilidad que da el promedio
  • Esta fuente me resulta visualmente incómoda
    Quizá sea por esa sensación un poco borrosa, pero las formas de las letras son inconsistentes
    La curva de la “m” es asimétrica y la altura de las letras tampoco es uniforme
    La idea es interesante, pero para usarla de verdad parece que harían falta ajustes manuales minuciosos

    • El sitio la renderiza con la antigua tecnología Cufon, así que no se muestra como texto real sino como imagen
      Por eso se ve borrosa en pantallas de alta resolución
      Puedes ver el renderizado original en Averia Libre de Google Fonts
    • Si pruebas la versión GWF Serif, la simetría se siente mejor y resulta más satisfactoria
  • Es la fuente que también se usó en las novelas visuales de Nova-box
    Se puede ver en Across the Grooves y Seers Isle

  • Me gusta mucho la naturalidad discreta de esta fuente
    Las versiones solo serif y solo sans serif se pueden previsualizar aquí
    Si un diseñador refinara proporciones y elementos a partir de esta fuente, podría convertirse en una familia tipográfica ideal para modo lectura o journaling

  • Se ve mucho mejor de lo que esperaba
    La Q y el 4 necesitan un poco de corrección manual, pero en general me gusta porque es fácil de leer

  • Me recuerda a la fuente Supernormal
    Es similar al proyecto Supernormal, creado promediando varias fuentes populares

  • Como dato, “Avería” significa ‘breakdown’ / ‘falla’ en español

    • La etimología va del árabe ʕawāriyya (mercancía dañada durante el transporte) al catalán avaria (avería) y luego al español avería (falla, daño)
      Ver Wiktionary
    • Según parece, cuando el creador eligió el nombre, un amigo español le dijo que era “una palabra hermosa sin importar su significado”
    • La palabra ‘Average’ también proviene originalmente de un término árabe que significaba ‘mercancía dañada’
  • Creo que esta fuente podría funcionar bastante bien en un lector de libros electrónicos
    Pienso subirla a Kobo para probarla