Atualmente, quase todas as páginas da Web usam texto com estilo por meio do conhecido como Cascading Style Sheets, ou CSS, para abreviar. No entanto, uma parte do web design amplamente ignorada é a leitura de qualquer texto em teletipo / texto monoespaçado. Formulários da Web, código de programação, citações em bloco em fóruns e várias outras coisas usam uma fonte de teletipo frequentemente. Como a maioria dos designers ignora a especificação de uma fonte de teletipo, o que acontece é que o navegador é revertido para uma configuração do sistema para exibi-la.
No ambiente Windows, a fonte padrão para teletype / monospace é Courier New; uma fonte antiga projetada para telas de 640 × 480 sem originalmente sem serrilhado. Em monitores modernos, parece terrível.
A fonte que eu pessoalmente sugiro usar como alternativa ao Courier New é Cousine; uma fonte livre que é muito mais fácil de ler.
Você pode baixar a fonte Cousine aqui. Nessa página, clique em "Baixar sua coleção" e, no pequeno pop-up, clique em "Baixar as famílias de fontes da sua coleção como um arquivo zip". No ZIP, as quatro fontes serão Cousine Regular, Cousine Italic, Cousine Bold e Cousine Bold Italic. Instale todos os quatro.
Depois que as fontes Cousine estiverem instaladas, feche o navegador e reinicie-o. Você precisa fazer isso para que a lista de fontes seja redefinida para refletir as novas fontes instaladas.
Depois disso, você terá que instruir seu navegador da web a usar sempre a Cousine sempre que encontrar texto de teletipo sem estilo.
No Internet Explorer
- Ferramentas
- opções de Internet
- Guia geral)
- Fontes (botão)
- Escolha Cousine na área "Fonte de texto sem formatação"
- Clique OK
- Reinicie o navegador
No Firefox
- Menu do Firefox
- Opções / Opções
- Conteúdo (guia)
- Avançado (botão, em "Fontes e cores")
- Clique no menu suspenso ao lado de "Monospace", selecione Cousine
- Clique OK
- Reinicie o navegador
No Google Chrome
- Ferramentas (ícone de chave inglesa, canto superior direito)
- Opções
- Sob o Capô (menu da barra lateral, à esquerda)
- Personalizar fontes … (botão)
- Selecione "Fonte de largura fixa" no menu suspenso como Cousine.
- Role para trás (se necessário), clique em X para fechar, ele salvará automaticamente e fechará a guia.
- Reinicie o navegador
Testando sua fonte de teletipo / monoespaço recém-selecionada
A maneira mais fácil de testar sua nova fonte de teletipo é carregar um arquivo de texto sem formatação no navegador; isso não mostrará nada além da fonte monoespaçada, porque é tudo texto simples.
O exemplo que estou usando abaixo é http://www.textfiles.com/internet/bd_appd.txt se você quiser usá-lo para seus próprios fins de teste.
É assim que ficaria usando o antigo Courier New:
É assim que parece usando Cousine:
Como você pode ver claramente, a Cousine na forma anti-alias é mais redonda, mais grossa e muito mais fácil de ler nos olhos.
Outras fontes monoespaçadas gratuitas disponíveis e outros usos onde elas são úteis
O Google Web Fonts, em particular, tem algumas opções realmente boas para fontes no estilo teletipo / monoespaço / terminal.
Por que o Google Web Fonts é tão bom? Porque a grande maioria das fontes disponíveis está completa . Com fontes monoespaçadas em particular, isso é absolutamente obrigatório. Que eu saiba, não há fontes no GWF que estejam faltando caracteres / glifos; qualquer fonte existe um conjunto completo literalmente de A a Z e em todos os lugares.
Para quais aplicativos são as fontes de teletipo adequadas, além dos navegadores da web? Se você trabalha em um ambiente corporativo de TI em que precisa acessar periodicamente um mainframe por meio de um cliente de terminal no Windows, o uso de fontes monoespaciais melhores será uma dádiva de Deus. Para fins de impressão (como em impressão em papel), o uso de fontes de teletipo modernas parece muito melhor e é muito mais fácil de ler.
Recomendações de Rich para melhores fontes de teletipo
Faça o download destes da mesma forma que você fez com a Cousine, conforme mencionado acima. O link para download estará na parte inferior de cada link de fonte que você visitar abaixo.
- Droid Sans Mono
- Ubuntu Mono
- Nova Mono
