Algunas fuentes pixeladas modernas e interesantes

 (unsung.aresluna.org)
2 puntos por GN⁺ 6 시간 전 | 1 comentarios | Compartir por WhatsApp
  • Analog Mono es una fuente con estilo pixel basada en VCR OSD Mono de VCR, TV, videocámaras y equipos hi-fi de los años 90, corrigiendo los problemas causados por una línea de base baja
  • En VCR OSD Mono, las letras con descender se desplazaban hacia arriba, y Analog Mono corrige ese problema de línea de base
  • Coral Pixels es una fuente a color disponible también en Google Fonts, que incorpora en la propia fuente el colorido desenfoque de bordes típico de los años 90 y 2000
  • Two Slice es una fuente de apenas 2 píxeles de alto, una fuente pixel extrema que presume ser “más o menos legible”
  • Geist Pixel trata la fuente pixel no como un adorno, sino como una herramienta funcional dentro de un sistema tipográfico de producción, dando importancia al trabajo alrededor de ella, como metrics y kerning

Algunas fuentes modernas con estilo pixel

  • Analog Mono

    • Analog Mono de Andrew Gleeson es una fuente con estilo pixel basada en VCR OSD Mono, común en VCR, televisores, videocámaras y equipos hi-fi de los años 90
    • La fuente original tenía una línea de base baja, por lo que las letras con descender se veían arrastradas hacia arriba, y Analog Mono corrige eso

  • Coral Pixels

    • Coral Pixels de Kumiko Yoshida es una fuente a color disponible también en Google Fonts
    • Incluye en la propia fuente el colorido desenfoque de bordes característico de los años 90 y 2000
    • Ese desenfoque era originalmente producto del renderizado subpíxel, pero hoy también se usa por nostalgia o como un recurso visual independiente

  • Two Slice

    • Two Slice de Joseph Fatula es una fuente de apenas 2 píxeles de alto y presume ser “más o menos legible”

  • Geist Pixel

    • Todas las fuentes anteriores son fuentes vectoriales que pueden instalarse en sistemas operativos modernos, pero están diseñadas para verse como fuentes pixel
    • Geist Pixel de Vercel trata la fuente pixel no como simple decoración, sino como una herramienta funcional usada dentro de un sistema tipográfico más amplio
    • Geist Pixel señala como razones por las que las fuentes pixel suelen romperse en producción los problemas de escalado entre viewports, las metrics que chocan con la tipografía existente y su carácter meramente decorativo, y busca mantener al mismo tiempo la textura visual y el rigor tipográfico que exige un producto
    • Las debilidades de una fuente a veces no están en la forma de las letras, sino en el trabajo periférico invisible como el kerning, los metadatos, glifos adicionales y las metrics verticales; el equipo de Geist Pixel da especial importancia a las metrics verticales

Lecturas relacionadas

1 comentarios

 
GN⁺ 6 시간 전
Comentarios en Hacker News

  • Un punto fácil de olvidar es que todas las fuentes de píxeles modernas asumen una relación de aspecto de píxel de 1:1, es decir, la misma altura y anchura. Por eso una caja de caracteres de 8x8 es un cuadrado perfecto
    Pero una buena parte de las pantallas de computadoras antiguas no eran así, y la mayoría tenía una resolución horizontal más densa que la vertical, así que había más píxeles horizontales en la misma distancia física. Los píxeles cuadrados 1:1 fueron casi una innovación del Macintosh y eran muy raros en ese momento, así que las fuentes de esta página no se habrían visto “correctas” en otros dispositivos de los 80. Y al revés, si llevas las fuentes de esos dispositivos a una pantalla moderna, también se ven extrañas

    • No está completamente olvidado. Por ejemplo, la colección de fuentes int10h, probablemente el archivo más grande de fuentes bitmap, muestra de forma muy visible la corrección de relación de aspecto para cada fuente https://int10h.org/oldschool-pc-fonts/

  • Analog Mono y Two Slice están realmente geniales. Si te gusta este estilo, probablemente también te guste Departure Mono, una de mis fuentes de píxeles modernas favoritas https://departuremono.com

    • Se siente como la fuente usada en el videojuego Papers, Please
    • Yo también vine a decir eso, y de hecho me gusta tanto Departure que la uso para programar y como fuente de terminal. Definitivamente voy a probar también las fuentes del post original

  • ¿Todavía hay alguien que use la fuente misc fixed 7x13 incluida en X11? Simplemente no puedo cambiarla. Se lee perfecto tanto en 14 pulgadas a 1920×1200 como en 35 pulgadas a 3440×1440. Es pequeña, pero justo de eso se trata
    El único problema es que a ese tamaño es realmente difícil leer los símbolos de Nerd Font. Hacer que se rendericen no es tan difícil en alacritty, pero en rxvt-unicode hace falta algo más de hackeo

  • Me gusta https://viznut.fi/unscii/. Fue hecha para arte ASCII, pero sigue funcionando muy bien en terminal y además continúa recibiendo actualizaciones de Unicode

  • Geist se ve francamente terrible. Se siente como una fuente vectorial pasada a la cuadrícula de píxeles sin mucho cuidado, sin personalidad y sin atención al banding ni a las formas

  • Hace unos años trabajé en un proyecto embebido que usaba una pantalla diminuta de 128x64, y quería una fuente de píxeles, pero no encontré nada que me dejara satisfecho, así que hice la mía. Resultó ser muy fácil, y Font Forge es excelente y además muy sencillo de usar
    Si empiezas fijando unas cuantas letras en el tamaño que quieres, rápidamente puedes crear algo coherente, agradable a la vista y fácil de leer. Lo recomiendo muchísimo como ejercicio. Además, terminé metiendo un montón de íconos open source del proyecto como glifos de la fuente, y también fue muy divertido descubrir qué tan pequeños podían hacerse sin perder diferenciación

  • Como alguien que ama el software de baja resolución, tengo que reconocer la mejor fuente que nadie ha superado desde 2003 https://www.dafont.com/04b-03.font
    En estos días, todo gira en torno a hacer que el software se vea como un elegante tomo de fantasía https://skeddles.itch.io/eldring-pro

  • Analog Mono y Geist tienen suficientes píxeles por glifo como para que, a tamaños de más o menos 20 px o menos, no se lean tan bien como fuentes de píxeles. Analog compensa un poco eso porque está formada por grandes bloques de píxeles de 2x2 superpuestos, pero Geist a mí simplemente me parece una fuente vectorial reducida

    • A mí me parece una fuente X11 de alta resolución. No es especialmente original ni única

  • Me gusta bastante la fuente Gohu. Hace poco, mientras ajustaba el estilo de un blog estático, la convertí a woff2 para usarla en http://dntbl.ink. Me gusta mucho cómo renderiza y la sensación de VAX que transmite