Fontes CSS seguras para a Web

O que são fontes seguras da Web?

As fontes seguras da Web são fontes instaladas universalmente em todos os navegadores e dispositivos.

Fontes substitutas

No entanto, não existem fontes 100% totalmente seguras para a web. Há sempre uma chance de que uma fonte não seja encontrada ou não esteja instalada corretamente.

Portanto, é muito importante sempre usar fontes de fallback.

Isso significa que você deve adicionar uma lista de "fontes de backup" semelhantes na font-family propriedade. Se a primeira fonte não funcionar, o navegador tentará a próxima, e a próxima e assim por diante. Sempre termine a lista com um nome de família de fonte genérico.

Melhores fontes seguras da Web para HTML e CSS

A lista a seguir são as melhores fontes seguras da Web para HTML e CSS:

• Arial (sem serifa)
• Verdana (sem serifa)
• Helvética (sem serifa)
• Tahoma (sem serifa)
• Trabuco MS (sem serifa)
• Times New Roman (serifa)
• Geórgia (serif)
• Garamond (serifa)
• Courier New (monoespaço)
• Brush Script MT (cursiva)

Arial (sem serifa)

Arial é a fonte mais usada para mídia online e impressa. Arial também é a fonte padrão no Google Docs.

Arial é uma das fontes da Web mais seguras e está disponível em todos os principais sistemas operacionais.

Verdana (sem serifa)

Verdana é uma fonte muito popular. Verdana é facilmente legível mesmo para tamanhos de fonte pequenos.

Helvética (sem serifa)

A fonte Helvetica é amada pelos designers. É adequado para muitos tipos de negócios.

Tahoma (sem serifa)

A fonte Tahoma tem menos espaço entre os caracteres.

Trabuco MS (sem serifa)

Trebuchet MS foi projetado pela Microsoft em 1996. Use essa fonte com cuidado. Não suportado por todos os sistemas operacionais móveis.

Times New Roman (serifa)

Times New Roman é uma das fontes mais conhecidas do mundo. Parece profissional e é usado em muitos jornais e sites de "notícias". É também a fonte principal para dispositivos e aplicativos Windows.

Geórgia (serif)

Georgia é uma fonte com serifa elegante. É muito legível em diferentes tamanhos de fonte, por isso é um bom candidato para design responsivo a dispositivos móveis.

Garamond (serifa)

Garamond é uma fonte clássica usada em muitos livros impressos. Tem uma aparência atemporal e boa legibilidade.

Courier New (monoespaço)

Courier New é a fonte serif monoespaçada mais usada. Courier New é frequentemente usado com exibições de codificação, e muitos provedores de e-mail o usam como fonte padrão. Courier New também é a fonte padrão para roteiros de filmes.

Brush Script MT (cursiva)

A fonte Brush Script MT foi projetada para imitar a caligrafia. É elegante e sofisticado, mas pode ser difícil de ler. Use-o com cuidado.