2 pontos por GN⁺ 6 시간 전 | 1 comentários | Compartilhar no WhatsApp
  • Analog Mono é uma fonte com visual pixelado baseada na VCR OSD Mono, comum em VCRs, TVs, filmadoras e equipamentos hi-fi dos anos 1990, corrigindo problemas causados pela linha de base baixa
  • Na VCR OSD Mono, letras com descender eram puxadas para cima, e a Analog Mono corrige esse problema de linha de base
  • Coral Pixels é uma fonte colorida também disponível no Google Fonts, incorporando na própria fonte aquele borrão colorido nas bordas típico dos anos 1990 e 2000
  • Two Slice é uma fonte com apenas 2 pixels de altura, uma fonte pixelada extremamente pequena que se vende como “mais ou menos legível”
  • Geist Pixel trata a fonte pixelada não como decoração, mas como uma ferramenta funcional dentro de um sistema tipográfico de produção, dando importância a trabalhos de apoio como metrics e kerning

Algumas fontes com visual pixelado modernas

  • Analog Mono

    • Analog Mono, de Andrew Gleeson, é uma fonte com visual pixelado baseada na VCR OSD Mono, muito vista em VCRs, TVs, filmadoras e equipamentos hi-fi dos anos 1990
    • A fonte original fazia letras com descender serem puxadas para cima por causa da linha de base baixa, e a Analog Mono corrige isso
  • Coral Pixels

    • Coral Pixels, de Kumiko Yoshida, é uma fonte colorida também disponível no Google Fonts
    • Ela incorpora na própria fonte o borrão colorido nas bordas típico dos anos 1990 e 2000
    • Esse borrão era originalmente um produto do renderização por subpixel, mas hoje também é usado como elemento nostálgico ou visual independente
  • Two Slice

    • Two Slice, de Joseph Fatula, é uma fonte com apenas 2 pixels de altura e se apresenta como “mais ou menos legível”
  • Geist Pixel

    • As fontes anteriores são todas fontes vetoriais que podem ser instaladas em sistemas operacionais modernos, mas foram feitas para parecer fontes pixeladas
    • Geist Pixel, da Vercel, trata a fonte pixelada não como simples decoração, mas como uma ferramenta funcional usada dentro de um sistema tipográfico mais amplo
    • A Geist Pixel aponta como razões para fontes pixeladas quebrarem com frequência em produção os problemas de escala entre viewports, metrics que entram em conflito com a tipografia existente e a natureza puramente decorativa, buscando manter ao mesmo tempo a textura visual e o rigor tipográfico necessário para o produto
    • A fraqueza de uma fonte às vezes não está no desenho das letras em si, mas em trabalhos invisíveis ao redor, como kerning, metadados, glifos adicionais e metrics verticais; a equipe da Geist Pixel dá atenção especial às metrics verticais

1 comentários

 
GN⁺ 6 시간 전
Comentários do Hacker News
  • O que é fácil esquecer é que as fontes pixeladas modernas partem todas do pressuposto de que a proporção dos pixels é 1:1, ou seja, mesma altura e largura. Então uma caixa de caracteres 8x8 vira um quadrado perfeito
    Mas boa parte dos monitores de computadores antigos não era assim, e a maioria tinha resolução horizontal mais densa do que a vertical, com mais pixels horizontais no mesmo espaço físico. Pixels quadrados 1:1 eram quase uma inovação do Macintosh e eram muito raros na época, então essas fontes desta página não teriam parecido “corretas” em outros aparelhos dos anos 80. E, ao contrário, trazer as fontes desses aparelhos para telas modernas também as deixa esquisitas

    • Não foi totalmente esquecido. Por exemplo, a coleção de fontes int10h, provavelmente o maior acervo de fontes bitmap, mostra de forma bem visível a correção de proporção por fonte https://int10h.org/oldschool-pc-fonts/
  • Analog Mono e Two Slice são muito legais. Se você curte isso, provavelmente também vai gostar de uma das minhas fontes pixeladas modernas favoritas, Departure Mono https://departuremono.com

    • Passa uma sensação de fonte usada no jogo Papers, Please
    • Também vim aqui para dizer isso, e na verdade gosto tanto de Departure que uso para programar e como fonte de terminal. Com certeza vou experimentar as fontes do post original também
  • Ainda existe alguém usando a fonte misc fixed 7x13 incluída no X11? Simplesmente não consigo trocar. Ela continua perfeitamente legível tanto em 14 polegadas 1920×1200 quanto em 35 polegadas 3440×1440. É pequena, mas esse também é o ponto
    O único problema é que, nesse tamanho, os símbolos de Nerd Font ficam realmente difíceis de ler. Fazer renderizar no alacritty nem é tão complicado, mas no rxvt-unicode precisa de um pouco de hack extra

  • Gosto de https://viznut.fi/unscii/. Foi feita para arte ASCII, mas ainda funciona bem em terminal, e continua recebendo atualizações de Unicode

  • Geist parece simplesmente horrível. Dá a impressão de uma fonte vetorial jogada de qualquer jeito numa grade de pixels, sem personalidade e sem cuidado com banding nem com as formas

  • Alguns anos atrás fiz um projeto embarcado com uma tela minúscula de 128x64 e queria usar uma fonte pixelada, mas não encontrei nada de que gostasse, então fiz a minha própria. Descobri que é muito fácil, e o Font Forge é excelente e bem simples de usar
    Se você começar definindo algumas letras no tamanho desejado, rapidinho consegue criar algo coeso, bonito e fácil de ler. Recomendo muito fazer isso como exercício. Como bônus, enfiei um monte de ícones open source do projeto como glifos da fonte, e também foi bem divertido descobrir quão pequeno eu conseguia deixar tudo sem perder a distinção visual

  • Como alguém que ama software de baixa resolução, preciso reconhecer a melhor fonte que ninguém superou desde 2003 https://www.dafont.com/04b-03.font
    Hoje em dia o auge é fazer o software parecer um grimório de fantasia estiloso https://skeddles.itch.io/eldring-pro

  • Analog Mono e Geist têm pixels demais por glifo, então em tamanhos mais ou menos abaixo de 20px elas não ficam legíveis como fontes pixeladas. A Analog ameniza isso um pouco por usar grandes blocos de pixels 2x2 sobrepostos, mas a Geist para mim só parece uma fonte vetorial reduzida

    • Para mim, parece uma fonte X11 de alta resolução. Não é especialmente original nem única
  • Gosto bastante da fonte Gohu. Recentemente, enquanto mexia no tema de um blog estático, converti para woff2 e usei em http://dntbl.ink. Fiquei muito satisfeito com a forma como ela renderiza e com a vibe de VAX que transmite