Fontes Seguras de Web CSS

As fontes web seguras são extremamente comuns e mais prováveis de aparecerem em sistemas operacionais como Windows, Mac, Linux e outros.

Por que escolher fontes web seguras

Quando você tenta usar a fonte no site e a fonte não aparece como deve, pode ser um caso porque não todos os sistemas de computador oferecem todas as fontes.

Para garantir que o texto seja exibido de maneira precisa em maioria dos navegadores ou sistemas operacionais, você deve definir muito cuidadosamente a fonte. Afont-familyO atributo CSS pode conter vários nomes de fontes como sistemas alternativos. Primeiro começa com a fonte preferida, e, se a fonte preferida não estiver disponível, usa-se a fonte reserva.

Você deve sempre usar a família de fontes genérica como font-Os valores do atributo family, que têm cinco: serif, sans-serif, monospace, cursive e fantasy. Se não houver a fonte definida por você, a família de fontes genérica permite que o navegador escolha uma fonte semelhante.

A tabela a seguir lista as combinações de fontes mais seguras para usar.

O exemplo a seguir mostra como usar o font-Configure corretamente os atributos da família de fontes.

.sans-serif-font {
　　　font-family: Arial, Helvetica, sem-serif;
}
.serif-font {
　　　font-family: "Times New Roman", Times, serif;
}
.monospace-font {
　　　font-family: "Courier New", Courier, monoespacial;
}

Combinações de fontes comuns

A tabela a seguir lista algumas combinações de fontes comuns organizadas por séries gerais.

Fontes Serif

Sem-Fontes Serif

Fontes monoespaciais

Fontes cursivas

Fontes Fantasy

Não existe uma fonte Fantasy com boa compatibilidade em navegadores e sistemas operacionais.