Fontes web seguras

Uma tradução/compacto de um artigo do site do MIT.

As fontes mais seguras de se usar na web são:

• Arial / Helvetica
• Times New Roman / Times
• Courier New / Courier

Outras comuns que trabalham entre as plataformas são:

• Palatino
• Garamond
• Bookman
• Avant Garde

Fontes que funcionam no Windows w MacOS, mas não no Unix+X são:

• Verdana
• Georgia
• Comic Sans MS
• Trebuchet MS
• Arial Black
• Impact

* serif são fontes com chanfro, como Times, por exemplo.
* sans-serif são fontes sem chanfro, como Helvetica, por exemplo.
* monospace são fontes das quais suas letras ocupam o mesmo espaço, como Courier.
* SO = Sistema Operacional

Fontes sans-serif comuns

Helvetica é a "bambambam", mas Arial é mais usada nos SOs modernos.

Helvetica

É uma boa escolha para textos pequenos com até uns dois parágrafos. Os computadore sUnix e Macintosh tem Helvetica como fonte nativa nas impressoras PostScript.

Arial

Uma cópia um pouco arrumada da Helvetica que o Windows usa.

Fontes Serif comuns

Times é o "cara", mas Times New Roman é mais comum nos SOs modernos.

Times

Também chamado de Times Roman, é uma fonte com chanfro tradicional. Está disponível no Mac e Unix, entre as principais fontes PostScript. Times foi desenhada para jornais e tem um tamanho pequeno em comparação com outras fontes.

Times New Roman

É a versão Microsoft do Times e está disponível no Windows e no Mac.

Fontes "monospace" comuns

Desenhada para imitar a saída de uma máquina de escrever, estas fontes são freqüentemente usadas para escrever códigos. Courier é o principal, mas Courier New é mais usado pelos SOs mais novos.

Courier

Courier é a fonte monospace tradicional, sendo usada no Unix e Mac, e é uma das principais do PostScript.

Courier New

É a versão Microsof da Courier, usada no Windows e Mac.

Acessando o artigo original, você tem informações sobre as outras fontes como Verdana, Tahoma, Garamond, Palatino, Comic Sans, entre outras. O importante é saber que se você quiser que seu site seja visualizado igualmente pelos navegadores em diversos sistemas operacionais, você precisa utilizar fontes parecidas, se não as mesmas. Algumas são de criação da Microsoft, o que faz que não esteja presente no Linux. Ao declarar no seu CSS, você pode colocar a ordem de preferência das fontes. Por exemplo:


body { font-family: Helvetica, Arial; }
code { font-family: Courier, 'Courier New'; }


Assim você terá certeza que a fonte usada será, por exemplo, Helvetica e se não houver disponível no computador, ele usa Arial. Claro que você pode inverter a ordem, mas o importante, repito, é dizer para o navegador que fonte usar e qual a fonte "reserva".