Algumas semanas atrás, enquanto desenvolvia uma tipografia customizada para um cliente, me perguntaram se era possível ajustar a posição e a espessura dos sublinhados e tachados. Eu sabia que era possível modificar estes valores no Glyphs, Fontlab ou qualquer outro editor de fontes. Mas honestamente, eu nunca me preocupei em configurar isso porque sabia que estes valores não eram cumpridos pela maioria dos softwares gráficos. Como este era um projeto por encomenda, estes pequenos ajustes de sublinhado e tachado poderiam evitar algumas dores de cabeças quando o meu cliente fosse diagramar seus documentos. Com isso em mente, decidi investigar o assunto.
A parte técnica
O formato OpenType (CFF e TrueType) possuem 4 parâmetros que podemos modificar: underlinePosition, underlineThickness, yStrikeoutSize e yStrikeoutPosition. No Glyphs, eles aparecem como parâmetros customizados das mestres com nomes levemente diferentes:
Durante a exportação, eles são traduzidos para as tabelas OpenType corretas. De quebra, estes valores são interpolados se tivermos valores diferentes para cada mestre. Legal. Entretanto, será que estes valores são utilizados fora dos editores de fontes? As especificações para sublinhados e tachados tratam eles como sugestões, por isso fica a critério de cada software usá-los ou não. Por outro lado, se a pessoa que desenvolve uma fonte se dá o trabalho de configurar estes parâmetros, eu acredito fortemente que os softwares deveriam honrá-los.
Testando
Coloquei os sublinhados e tachados à prova em todos os softwares gráficos que tenho acesso, que incluem:
- Adobe InDesign CC 2018
- Adobe Illustrator CC 2018
- Adobe Photoshop CC 2018
- CorelDRAW X8
- Affinity Designer 1.6.1
- Microsoft Word 2016 (Mac)
- Microsoft Word 2010 (PC)
- Apple Pages 7.1
Também testei em uma seleção de navegadores para desktop (Chrome, Firefox, Edge, Safari e Opera). Para garantir consistência e eliminar qualquer problema de cache das fontes, os testes dos navegadores foram realizados utilizando a página de testes do Impallari, página esta que recomendo a todos que desenham fontes.
Adobe InDesign e Illustrator
Até onde pude notar, o suporte do InDesign e Illustrator é complicado e vem com algumas ressalvas.
Primeiro, a posição do sublinhado é calculada incorretamente. De acordo com as especificações, a posição do sublinhado representa “a distância do topo do sublinhado em relação à linha de base (valores negativos indicam posições abaixo da linha de base)”. Ao invés disso, o InDesign e o Illustrator medem a posição do sublinhado a partir da linha de base até o centro do traço, o que resulta em um sublinhado mais próximo da linha de base do que deveria. Isso significa que precisamos decidir se queremos que nossos sublinhados apareçam corretamente nos aplicativos da Adobe ou nos outros softwares.
Além disso, o valor da espessura do tachado é ignorado em favor da espessura do sublinhado. Isso não costuma ser um problema, visto que geralmente queremos que ambos os traços tenham o mesmo tamanho. Por outro lado, o tachado no Adobe InDesign é um desastre. Ele não só ignora a posição especificada no arquivo da fonte como posiciona o tachado numa altura arbitrária, muito acima do ideal. Acredito que isso aconteça porque o InDesign permite que o usuário customize todos os parâmetros do tachado, porém não vejo motivo para não utilizar os valores da fonte como padrão.
Adobe Photoshop
Conhecido pela péssima qualidade tipográfica, o Photoshop sumariamente ignora todos os valores. A posição do sublinhado é muito mais baixa que em qualquer outro software. Os valores padrão para tamanho e posição do tachado são decentes, mas não podem ser ajustados pelo usuário.
CorelDRAW X8
O usuário pode selecionar dentre alguns sublinhados e tachados predefinidos, tais como fino, duplo e grosso. Infelizmente, nenhum deles leva em consideração os parâmetros de posição e espessura presentes no arquivo da fonte. Uma pena.
Affinity Designer
Neste ponto as coisas começam a melhorar. Os aplicativos da suíte Affinity aplicam os sublinhados e tachados de forma correta, seguindo exatamente as especificações. Já uso seus aplicativos por alguns anos para todas as necessidades gráficas da Harbor Type. Sendo relativamente novos na área, os softwares Affinity podem se dar ao luxo de fazer as coisas certas desde o início.
Microsoft Word
Eu fiquei surpreso em descobrir que o Microsoft Word, famoso por estar atrás da concorrência quando o assunto é tipografia, na verdade aplica o sublinhado e o tachado exatamente como as especificações mandam. Até mesmo a velha versão 2010 faz isso corretamente. Talvez o motivo seja que a Microsoft desempenhou um grande papel no desenvolvimento dos formatos TrueType e OpenType, sendo que eles hospedam as especificações dos formatos em seu site até hoje. Uma agradável surpresa mesmo assim.
O Word para Mac se comporta um pouco diferente. Ele suporta os parâmetros de posição e espessura do sublinhado, porém somente se a posição tiver um valor negativo. Se a posição for positiva, tanto a posição quanto a espessura do sublinhado quebrarão. O tachado funciona bem.
Apple Pages
Assim como a versão para Mac do Microsoft Word, o Pages espera que a posição do sublinhado seja um valor negativo. Pelo que percebi, ele sempre vai desenhar o sublinhado abaixo da linha de base, o que não é 100% correto mas não deve causar maiores problemas. A espessura do sublinhado funciona corretamente, porém os parâmetros do tachado não são suportados.
Chrome 67, Opera 54 e Safari 11
Estes navegadores ignoram as configurações da fonte e usam seus valores padrão para sublinhados e tachados. O Chrome e o Opera utilizam traços particularmente grossos. Combinados, estes três navegadores correspondem a uma enorme fatia do mercado (especialmente em dispositivos móveis), portanto é bem provável que quaisquer ajustes em sublinhados e tachados não serão vistos pela maioria das pessoas online.
Atualização em 9 de julho de 2018: Recentemente assisti um vídeo da conferência TYPO Labs 2018 no qual Dominik Röttsches fala um pouco mais sobre as mudanças que serão feitas no Google Chrome. Ele fala que o CSS Working Group propôs algumas novas propriedades CSS que permitirão que designers customizem a espessura e a distância dos sublinhados. Estas propriedades se chamam text-underline-offset e text-decoration-width e ambas aceitarão auto | from-font | <length> como valores. O padrão seria auto, que basicamente manteria as coisas como são hoje sem quebrar sites que já existem. Talvez no futuro eles virem a chave e comecem a utilizar os valores presentes nas fontes como padrão. É válido observar que isto ainda faz parte da proposta para o CSS4, por isso ainda vai levar um tempo até que possamos utilizar.
Firefox 61 e Edge 42
A Mozilla recentemente lançou o Quantum, um novo mecanismo de renderização para o seu navegador Firefox. No que diz respeito a sublinhados e tachados, eles definitivamente fizeram um bom trabalho. Todas os parâmetros são suportados e renderizados corretamente. E sendo um navegador da Microsoft, o Edge segue as especificações à risca. Legal!
Resumo
| sublinhado | tachado | |||
|---|---|---|---|---|
| espessura | posição | espessura | posição | |
| Adobe InDesign | ✓ | ✓¹ | ✓² | ✗ |
| Adobe Illustrator | ✓ | ✓¹ | ✓² | ✗ |
| Adobe Photoshop | ✗ | ✗ | ✗ | ✗ |
| CorelDRAW | ✗ | ✗ | ✗ | ✗ |
| Affinity Designer | ✓ | ✓ | ✓ | ✓ |
| Microsoft Word | ✓ | ✓ | ✓ | ✓ |
| Microsoft Word for Mac | ✓³ | ✓³ | ✓ | ✓ |
| Apple Pages | ✓ | ✓³ | ✗ | ✗ |
| Chrome | ✗ | ✗ | ✗ | ✗ |
| Opera | ✗ | ✗ | ✗ | ✗ |
| Safari | ✗ | ✗ | ✗ | ✗ |
| Firefox | ✓ | ✓ | ✓ | ✓ |
| Edge | ✓ | ✓ | ✓ | ✓ |
¹ A posição é calculada incorretamente.
² Usa a espessura do sublinhado.
³ A posição do sublinhado precisa ser um valor negativo.
Pra falar a verdade, eu esperava que os sublinhados e tachados fossem completamente ignorados pela maioria dos softwares, mas eu estava errado. Exceto nos programas da Adobe. A funcionalidade em geral entre os softwares da Adobe é altamente fragmentada, não é um problema só da tipografia. Eles têm trabalhado para remediar isso com a suíte Creative Cloud, especialmente agora que existe suporte experimental para fontes variáveis e uma demanda da indústria para que tornem os recursos OpenType mais acessíveis aos usuários. Isso é bom, porém ainda há um monte de coisas básicas que precisam ser corrigidas.
Editado em 9 de julho de 2018: informações sobre o suporte do Google Chrome para posição e espessura do sublinhado como apresentado por Dominik Röttsches na TYPO Labs 2018.