Uma fonte do século XVII em uma tese do século XXI

• Usa os Dutch Fell types de cerca de 1670 na composição tipográfica de uma tese de doutorado do século XXI, tentando recriar no LaTeX a textura da impressão tipográfica manual, em vez da uniformidade das fontes digitais
• Os Fell types são cerca de meio século anteriores à Caslon; Igino Marini os digitalizou como IM Fell e aplicou recursos OpenType avançados, e depois eles também passaram a ser oferecidos no Google Fonts
• Embora tenham x-height irregular, baseline áspera e serifs diferentes entre si, o fluxo dentro das letras e entre elas se mantém equilibrado, o que facilita a leitura mesmo em textos longos
• No tamanho de corpo, os traços verticais são um pouco mais grossos que em Caslon, criando um efeito de picket-fence; com fontspec no LaTeX, o espaçamento entre letras foi ampliado e itálicos e cabeçalhos foram ajustados separadamente
• No fim, com o FontForge, alguns glyphs e o kerning foram retocados para corrigir a sobreposição entre a barra e o ponto do i, o serif do u, o C em small caps e os traços en dash e em dash, evitando porém reduzir a espessura dos traços por risco de distorção

---

A textura da impressão tipográfica que faltava nas fontes digitais

• Fontes digitais comuns para texto corrido, mesmo em tipos famosos como Caslon ou Garamond, são uniformes e organizadas demais, enfraquecendo a sensação de algo talhado à mão das antigas fontes tipográficas
• Réplicas digitais realmente fiéis de tipos tipográficos são raras; a Founder's Caslon, de Justin Howes, era uma delas, mas deixou de ser oferecida comercialmente após sua morte por ataque cardíaco em 2005, aos 41 anos
• A experiência de ver pessoalmente, na coleção de obras raras da biblioteca universitária, a specimen sheet original de William Caslon impressa em Londres em 1741 levou à tentativa de imitar a impressão tipográfica na tese de doutorado
• Como a universidade não exigia o formato da tese em Times New Roman 12pt, foi possível aplicar outra abordagem de composição à tese de doutorado

Por que escolher os Fell types

• Os Dutch Fell types, de cerca de 1670, são tipos de cerca de meio século antes da Caslon
• Ao longo dos últimos 10 anos, Igino Marini trabalhou na digitalização fiel dos Fell types e na aplicação de recursos avançados de composição do OpenType
• Essa fonte digital depois também passou a ser oferecida no Google Fonts
• O primeiro specimen book dos Fell types, impresso pela Oxford University Press em 1693, saiu quando J. S. Bach tinha 8 anos, e só se conhecem quatro exemplares
• Como grande parte dos punches e matrices originais se perdeu — incluindo alguns feitos em madeira —, o specimen permaneceu como o único registro de parte das formas tipográficas

Uma fonte áspera, mas equilibrada

• Os Fell types são, mesmo para os padrões da tipografia manual, uma fonte áspera
  • o x-height não é consistente
  • a baseline é irregular
  • os serifs não são todos iguais
• Apesar desse ruído superficial, o equilíbrio dentro de cada letra e o fluxo que leva à letra seguinte são refinados, tornando a leitura confortável
• Essas características também apareciam em tipos semelhantes amplamente usados na Europa noroeste, dos Países Baixos à Dinamarca, e depois se difundiram ainda mais com a Caslon, mantendo alta valorização até hoje
• Ao comparar Caslon e Fell types no nível dos glyphs, as diferenças parecem em grande parte superficiais, mas em palavras, linhas e parágrafos surgem diferenças mais sutis

O efeito picket-fence no texto corrido

• No optical size para texto corrido, os Fell types têm traços verticais um pouco mais grossos que os da Caslon, deixando a cor da página mais escura e gerando uma impressão de picket-fence
• Quando o efeito picket-fence aparece de forma extrema, pode dificultar a leitura para leitores modernos; a escrita gótica é um exemplo típico
• Em textos longos, o leitor pode sentir uma leve sensação de ficar “preso”
• O espaçamento entre linhas anormalmente grande exigido em teses universitárias amplia ainda mais o desequilíbrio entre densidade vertical e horizontal

Os princípios de Marini e o ajuste do espaçamento entre letras

• Em 2015, Igino Marini explicou que a premissa do projeto Fell Types era reproduzir o original o mais fielmente possível, mantendo sem interpretação ativa tanto a forma digital quanto o espaçamento geral mais apertado
• Para Marini, o objetivo do Fell Types não era criar uma fonte agradável ou moderna, mas uma réplica fiel
• Quebrando a regra tipográfica de não mexer no espaçamento entre letras minúsculas, foi usado o pacote fontspec do LaTeX para ampliar ligeiramente o espaçamento de todos os caracteres
• O objetivo do ajuste era chegar a um ponto em que a “resistência” vertical e horizontal do texto parecesse quase igual
• O resultado quase não se nota no nível microscópico, mas no parágrafo inteiro alivia um pouco a pressão, fazendo o texto respirar mais e ser lido com mais liberdade
• Também foi aplicado margin kerning, ou protrusion, com o pacote microtype do LaTeX

Tratamento separado para itálicos e cabeçalhos

• Depois de ampliar o espaçamento das minúsculas, os itálicos passaram a parecer espaçados demais
  • isso ocorre porque as letras itálicas têm formas mais conectadas entre si, como na escrita cursiva
  • as palavras em itálico no corpo do texto foram recomprimidas ao espaçamento padrão
• Já os itálicos dos cabeçalhos de página, exibidos em tamanho menor, pareciam apertados demais
  • ao verificar novamente o specimen de 1693, ficou claro que os itálicos em tamanho pequeno eram realmente compostos com mais espaçamento para melhorar a legibilidade
  • nos itálicos dos cabeçalhos, foi aplicado um aumento de espaçamento maior que no Roman do corpo do texto
• No dia seguinte, até os itálicos normais do corpo pareceram novamente densos demais, e foram reajustados
• O resultado final pode ser visto na tese de doutorado

Problemas de LaTeX e exibição em PDF

• Como os arquivos da fonte Fell usam recursos avançados dos padrões de fontes digitais, surgiram vários problemas na composição em LaTeX e na exibição e impressão em PDF
• Os problemas relacionados e suas soluções foram discutidos em uma thread do Stack Exchange

Glyphs e kerning ajustados no FontForge

• Para transformar a tese em um resultado tipográfico próprio, foram modificadas manualmente algumas formas de glyphs e partes da kerning table
• Esse tipo de ajuste não pode ser feito em processadores de texto nem no Adobe Illustrator; é preciso um editor de fontes dedicado
• A ferramenta usada foi o FontForge, e na época a fonte IM Fell era distribuída sob a SIL Open Font License
• O IM Fell não foi digitalizado diretamente do original de 1693, mas de uma recriação posterior baseada em tipos refundidos no fim do século XIX, portanto não é idêntico ao specimen original
• A principal motivação dos ajustes não foi buscar autenticidade original, mas porque algumas quebras visuais evidentes em certas letras — aparentemente introduzidas no processo de refundição do século XIX — prejudicavam a legibilidade
• A fonte digital é um pouco mais grossa que o original, mas reduzir mais as partes espessas poderia introduzir distorções, então a espessura dos traços não foi diminuída
• Graças ao espaçamento ampliado entre letras, a cor geral do bloco de texto também não pareceu escura demais para leitura

Lista concreta de ajustes

• Como a barra e o ponto do i podem se sobrepor em casos como out/in, essa sobreposição foi removida
  • outra alternativa seria usar {\i} no LaTeX para empregar o i sem ponto como uma espécie de ligatura /i
  • em prosa, considera-se preferível evitar o uso de barras sempre que possível
• Foi corrigido o problema do serif superior direito do u, que se projetava para cima
  • essa saliência não aparece no specimen original dos Fell types
  • o serif foi encurtado horizontalmente para não parecer colado ao traço esquerdo e para melhorar a legibilidade
• Foi reduzido o problema de o C em small caps parecer um G
  • o próprio specimen também o faz parecer um G, mas como outros C não têm esse aspecto, isso foi interpretado como uma anomalia não intencional causada por corte imperfeito ou impressão
• O en dash e o em dash foram alongados
  • o en dash anterior parecia um hyphen, e o em dash parecia um en dash
  • eles também foram ajustados para uma forma mais leve, integrando-se melhor à cor geral do bloco de texto
• A sobreposição entre g itálicos adjacentes não foi corrigida
  • na tipografia manual isso seria fisicamente impossível, a menos que tivessem sido cortados juntos, mas separar a parte inferior abriria espaço demais entre as duas letras
  • o specimen book não mostra exemplos de como esse caso era composto na época
  • concluiu-se que o estado atual já era aceitável, a menos que se desenhasse uma ligatura gg específica

O efeito intencional criado por imperfeições ásperas

• Em imagens ampliadas dos glyphs, as quebras e falhas da fonte se destacam bastante
• É improvável que os tipos de madeira e metal em si tivessem tantos defeitos; a textura áspera do papel da época também contribui para essa impressão
• Quando impressas em tamanho normal sobre papel moderno e liso, essas quebras e marcas produzem o efeito de letras cortadas à mão pressionadas sobre papel artesanal
• A pergunta sobre se uma tese sobre computação do século XXI pode parecer um impresso renascentista leva a uma cena de 2001: A Space Odyssey, em que passado distante e futuro distante se encontram

[GN⁺]

Comentários do Hacker News

• Também experimentei uma abordagem parecida com CSS na minha “fazenda de conteúdo medieval”(https://tidings.potato.horse), mas por causa de problemas de desempenho acabei deixando só a opacidade e a tonalidade de cada letra aleatórias e removendo as deformações
  O próximo passo é adicionar uma pequena área de padding para cobrir o espaço vazio à direita do texto[1][2], fazendo a coluna parecer mais organizada. Pelo visto, naquela época o horror vacui era bem importante
  Curiosamente, isso fica bem mais fácil com container queries e Stable Diffusion: basta colocar exemplos de padrão no SD, escalá-los para uns 10 tamanhos, usá-los como fundo de elemento para preencher o espaço vazio de cada linha e escolher a imagem adequada com container queries
  Aí o resultado fica limpo, mas com um ar orgânico, e ainda dá para se gabar de não ter usado JS
  [1] https://i.pinimg.com/originals/2f/46/2d/2f462df256f4bd509b48...
  [2] https://i.pinimg.com/originals/ac/68/a8/ac68a86da5ec457960d0...

  • Se você ainda não jogou, recomendo Pentiment. Ele se passa no início dos anos 1500, quando a imprensa estava se espalhando pela Europa, e o texto de fala de cada personagem é apresentado de acordo com a forma como aquela pessoa escreve ou imprime
    A renderização do texto é realmente linda, e há até um efeito de a tinta secar um pouco depois de as letras aparecerem. Eu esperava ver um blog técnico sobre as técnicas de renderização de texto deles, mas ainda não encontrei nada
  • Vi que na homepage a pronúncia do nome estava escrita como /'rafau pastoohshak/, mas isso é uma interpretação ao estilo do inglês, e a notação /.../ normalmente se refere ao Alfabeto Fonético Internacional. /.../ é uma transcrição aproximada, enquanto [...] é uma transcrição mais precisa
    Em IPA, provavelmente seria algo mais próximo de /rafaw pastuʂak/. Só para referência, /ʂ/ é bem parecido com /ʃ/

• As aspas daquela página estão bem ruins. A prática recomendada é usar aspas curvas duplas ou simples, e não uma combinação de acento grave com apóstrofo
  Veja https://www.cl.cam.ac.uk/~mgk25/ucs/quotes.html. Resumindo, a ideia é não usar o acento grave ASCII (0x60) como aspas de abertura, como em `quote', e o apóstrofo ASCII (0x27) como aspas de fechamento
  E Founder's Caslon pode ser obtida comercialmente. Pelo menos agora pode
  https://www.myfonts.com/collections/founders-caslon-font-itc

  • Parece que o autor trouxe esse hábito de aspas do LaTeX. Se você usa acento grave e apóstrofo, simples ou duplos, eles são renderizados como as aspas corretas de abertura/fechamento
    Também é possível que ele tenha copiado e colado do fonte em LaTeX e esquecido de corrigir as aspas
    Pelo menos no meu ambiente, também faltam itálicos na página. Em vez de usar um glifo itálico separado, parece um oblíquo, com o romano inclinado. Alguns sistemas fazem isso quando não encontram o glifo itálico ou quando há alguma configuração errada
  • Acabei criando o hábito de usar acento grave para aspas de abertura ao escrever software Unix antigo ou ELisp fora de contexto
    Acho uma prática aceitável quando isso é usado como markup e depois convertido para aspas curvas no que o usuário vê. Isso chega até à caligrafia, onde acaba virando uma espécie de aspas de abertura exageradas
    Quando escrevo com capricho, uso aspas curvas ou marcas espelhadas, mas em texto corrido ou Markdown escrito às pressas, sinto que a distinção entre abertura e fechamento fica mais clara e mais fácil de ler do que usar só um tipo de aspas simples
  • Isso também me chamou bastante a atenção. Como o restante foi tratado com cuidado e as aspas no corpo do artigo estão normais, parece mais provável que tenha sido um deslize acidental do que ignorância
  • Essa visão das regras de aspas é anglocêntrica demais

• Se você quer uma fonte variável da família Fell numa forma mais limpa, vale olhar a Elstob: https://psb1558.github.io/Elstob-font/
  Dá para ajustar os sliders, e fica fácil criar efeitos de espaçamento como os mencionados no artigo

  • Não acho que seja uma alternativa de verdade. O charme está justamente no aspecto orgânico e artesanal
    A fonte recomendada pode servir melhor para trabalhos de estilo medieval, mas ainda assim continua parecendo digital

• Este artigo mostra bem por que, e como, fontes podem ser consideradas programas de computador e portanto protegidas por direitos autorais
  Para o público em geral, e até para muitos programadores, é fácil pensar intuitivamente em fontes como uma coleção de desenhos pequenos, mas na prática há um trabalho enorme envolvido
  Somos sortudos por hoje ter tanta opção de boas fontes e, mesmo sem a maioria das pessoas comprar licenças de fonte diretamente, ainda assim alguém ter bancado os custos de produção

  • Os direitos autorais protegem todas as obras criativas, com algumas exceções. Se uma fonte é ou não um programa de computador não tem nenhuma relação com estar ou não sujeita a direitos autorais
    Mesmo que a fonte fosse só uma “coleção de desenhos pequenos”, isto é, uma fonte bitmap, ela ainda seria protegida por direitos autorais, a menos que houvesse uma circunstância especial, como todas as imagens já estarem em domínio público, não atingirem o nível mínimo de originalidade ou terem sido produzidas pelo governo
  • A maior parte do software usado para escrever código é open source, mas criadores de fontes frequentemente pedem valores absurdamente altos em licenças
    Muitos também rejeitam taxa fixa e exigem uma fatia maior quando o número de usuários do app passa de certo porte. Um app ser popular não significa que ele esteja arrecadando dinheiro suficiente para gastar seis dígitos numa licença de fonte
    É estranho que você consiga criar um app para milhões de usuários com uma stack como Linux, HTML, JS, CSS, Rust e Go, além de dezenas de milhares de bibliotecas e módulos open source, em sua maioria sem custo por usuário ou totalmente gratuitos, e ainda assim a fonte possa acabar sendo o componente mais caro do app
  • Fui passando o olho no texto procurando onde estava a fonte, e só percebi no fim, depois de ler tudo. É uma fonte bastante atemporal

• Encontrei uma nova fonte para terminal: https://building-m.net/xbackbone/jOGE6/sUGEqePe74/raw.png

  • Parece incrível. Me lembra um pouco Sun Gallant Demi, uma das minhas fontes de terminal favoritas: https://i.stack.imgur.com/g1qkf.png
  • Usando junto com algo como export LC_ALL=Latin.UTF-8, daria para reforçar bem a metáfora de que programadores são na verdade magos lançando feitiços
  • Me fez lembrar das antigas workstations da Sun que usávamos na University of Glasgow, e até suspirei
  • É linda. Se sair uma versão monoespaçada, vai ficar bem interessante
  • Que terminal estão usando para dar um suporte tão bom a fontes proporcionais?

• Em vez de codificar os defeitos ondulados na fonte, seria melhor gerá-los proceduralmente no momento da rasterização
  Assim, independentemente do tamanho da fonte, a textura áspera poderia ser mantida na mesma resolução. Do jeito atual, com uma fonte de 120pt, as bordas ásperas também parecem ampliadas
  Existe alguma forma de especificar isso numa linguagem de fontes? Ou isso teria de ser implementado diretamente pelo mecanismo de rasterização?

  • Antes de ver isto, eu também estava escrevendo um comentário sobre geração procedural
    Pensei em colocar formas ao longo do contorno da forma-base da letra, distribuir pontos aleatórios dentro dessas formas e depois ligar os pontos com linhas ou splines
    Dependendo de quanto se quiser alterar a forma, daria para mudar o tamanho dessas formas e também controlar características específicas que precisem ser preservadas. Talvez alguém consiga pensar em um método melhor
  • Algo gerado proceduralmente é praticamente o oposto de design tipográfico profissional
    Fontes específicas para cada tamanho são ajustadas com enorme cuidado justamente porque, pelo motivo que você mencionou, pequenos detalhes começam a parecer estranhos em tamanhos grandes
  • Antigamente existia um jeito. Em fontes Type 3, cada glifo era definido por uma rotina PostScript
    Só que os principais sistemas de exibição — Windows, Mac e X — não davam suporte. Talvez NeWS ou NeXT dessem, mas não sei ao certo
  • Já pensei vagamente que seria interessante renderizar fontes com uma simulação física básica do tipo de tinta e papel
    Pode ser desperdício para a maior parte da renderização de fontes, mas para renderizar slides finais ou um PDF parece divertido. Claro, seria meio tolo se a ideia fosse mandar esse PDF para uma impressora depois
  • Se essa fonte fosse amplamente usada, fico curioso sobre o impacto no consumo de energia

• Trabalho realmente excelente. É muito difícil encontrar fontes históricas que não tenham sido modernizadas demais
  Eu gosto, por diversão, de restaurar cartas de baralho antigas, baralhos de tarô e outros impressos, e reimprimi-los para que leitores modernos possam usá-los
  Para deixá-los mais legíveis, faz sentido usar texto traduzido ou reconstituído, e poder obter facilmente fontes assim tornaria o trabalho muito mais fácil

• Para mim, esta fonte é um pouco suja demais, mas concordo que a “tipografia moderna” às vezes parece sem alma demais
  Também estou torcendo por um renascimento das fontes serifadas. Não acho muito convincente a narrativa de que serifas não servem para a web
  Não sou especialista em tipografia, mas uma fonte de que gosto e tento usar com frequência é Baskerville
  Por outro lado, adoro LaTeX, mas detesto Computer Modern. Talvez não seja culpa da fonte em si, mas do fato de que todo artigo parece igual quando a usam; ainda assim, é entediante demais

  • De um ponto de vista técnico, não há motivo para acreditar na narrativa de que serifas não funcionam na web
    Conforme a resolução das telas ficou boa o bastante para mostrar serifas de forma próxima à impressão, o debate sobre legibilidade foi perdendo importância. Dá para dizer que isso já era verdade por volta de 2010–2014, quando a Apple popularizou telas “Retina” com mais de 200dpi, e ainda mais agora que boa parte da navegação web acontece no celular
    O que faz diferença são as associações culturais e de branding que as fontes serifadas carregam. Ultimamente tenho a impressão de ver tipografia serifada com mais frequência na web até em contextos modernos e ligados à tecnologia, e vendo o redesign bem característico do theverge.com, talvez esse renascimento esteja mesmo chegando
    Artigo relacionado: http://alexpoole.info/blog/which-are-more-legible-serif-or-s...
  • Computer Modern pode ter sido uma ótima fonte em 1978, mas sua última atualização foi em 1992 e, comparada a tipos digitais modernos, é dolorosamente datada e de baixa qualidade
    Continuar usando-a apesar da qualidade de composição tipográfica tão boa do LaTeX chega perto de ser um pecado
    Sinceramente, também não gosto muito daquele batido estilo Didone. Combina mais com publicidade ou capas de revista do que com leitura
  • Computer Modern fica aceitável no papel, mas é muito cansativa de ler na tela. Fico curioso se a família Fell sofre do mesmo problema. Scans de artigos em que as letras não foram alinhadas à grade de pixels parecem muito melhores
    Gosto de Baskerville, mas acho um pouco uma pena que a única versão open source que conheço, Libre Baskerville, tenha alterado demais o desenho para tela. Caslon está na mesma situação

• Na prática, achei esta fonte bem confortável de ler. Parecia que meus olhos passavam de uma palavra para outra com mais suavidade
  Também achei interessante como a espessura ligeiramente irregular de cada letra lembra fontes projetadas para ajudar leitores com dislexia, como OpenDyslexic. Fiquei me perguntando se seria por isso
  https://en.m.wikipedia.org/wiki/OpenDyslexic

  • Há outros fatores, mas algumas formas simplesmente são mais fáceis de ler, então acho que isso pesa bastante
    No fim dos anos 1990 e nos anos 2000, houve uma corrente tipográfica voltada para designs “matemáticos” e “geométricos” nas fontes, e ainda dá para ver traços disso hoje. Era aquela ideia de usar exatamente a mesma curva, o mesmo tamanho e proporção dos bojos, a mesma serifa, em todas as letras
    Hoje isso em geral é visto como um beco sem saída. O texto parece desumano ou sem graça, o ganho de legibilidade é no máximo mínimo e muitas vezes até piora. Desde que não sejam distrativas demais, pequenas inconsistências parecem ajudar no reconhecimento rápido das letras
    A tendência atual está mais próxima de uma inconsistência específica introduzida de propósito. Na maior parte dos casos, é sutil o suficiente para passar despercebida se você não estudar fontes separadamente, mas no conjunto dá uma sensação mais orgânica e ajuda a distinguir formas parecidas usadas em letras diferentes

• De todas as implementações de fonte e textos que vi neste site, este é de fato o meu favorito. Pode acreditar, eu clico em todos esses posts

Como estou escrevendo um livro, a distração causada pela tipografia também acaba sendo um problema inevitável