Como fazer uma lista de fontes para o seu HTML5 e CSS3 Baseadas Páginas da Web

A incerteza de saber se suas fontes serão exibidas corretamente na sua página web HTML5 e CSS3 é frustrante, mas você pode ter algum controle. Você pode especificar uma lista completa de nomes de fontes, se quiser. O navegador tentar cada tipo de letra, por sua vez. Se ele não consegue encontrar a fonte especificada, ele vai para a próxima fonte e em baixo da linha.

Você pode escolher uma fonte que você conhece está instalado em todas as máquinas Windows, uma fonte encontrada em Macs e, finalmente, encontrado em todas as máquinas Linux. A última letra na sua lista deve ser uma das fontes genéricas, assim você vai ter algum controle sobre o cenário de pior caso.

Essas fontes são comumente instalados em máquinas com Windows, Mac e Linux.

janelasMacLinux
ArialArialNimbus Sans L
Arial BlackArial Black
Comic Sans MSComic Sans MSTSCu_Comic
Courier NewCourier NewNimbus Mono L
GeorgiaGeorgiaNimbus Roman No9 L
Console LucidaMonaco
PalatinoPalatinoFreeSerif
TahomaGenebraKalimati
Times New RomanvezesFreeSerif
Trebuchet MSHelveticaFreeSans
VerdanaVerdanaKalimati

Você pode usar este gráfico para obter uma lista de fontes para tentar. Por exemplo, veja o seguinte estilo:

p {font-family: "Trebuchet MS", Helvetica, FreeSans, sans-serif-}

Este estilo tem uma miscelânea toda de opções. Em primeiro lugar, o navegador tenta carregar Trebuchet MS. Se for uma máquina Windows, esta fonte está disponível, de modo que uma monitores. Se isso não funcionar, o navegador tenta Helvetica. Se isso não funcionar, ele tenta FreeSans, uma fonte frequentemente instalados em máquinas Linux. Se isso não funcionar, o padrão é o velho serif fiéis sans, que simplesmente escolhe uma fonte sem serifa.

Observe que os nomes de fonte de mais de uma palavra deve ser envolto em aspas e vírgulas separar a lista de nomes de fontes.

Não fique muito estressado sobre fontes Linux. É verdade que as equivalências são mais difíceis de encontrar, mas os usuários do Linux tendem a cair em dois campos: Ou eles não se importam se as fontes são exatas, ou eles se importam e eles já instalado fontes equivalentes que reconhecem os nomes comuns. Em ambos os casos, você pode se concentrar em Mac e Windows pessoas em sua maior parte.

menu