Encontrar uma boa pilha de fontes que transmita o estilo do seu site, mas também seja confiável na maioria dos sites, pode ser complicado. Se você usar fontes que não sejam seguras para a Web, seu site pode não parecer como você pretende quando o navegador substitui algo surpreendente para sua fonte sofisticada.
Essas pilhas de fontes são separadas por família (serif, monospace, etc.). Quando você usa uma fonte que não é uma fonte segura da Web, você deve colocá-lo primeiro em sua pilha de fontes e, em seguida, adicione uma dessas pilhas ao final. Escolha a pilha de fontes que mais se aproxima em estilo e observe sua fonte preferida.
Pilhas de fontes seguras do Sans Serif Web
O texto sem serifa é bom para ler em páginas da web, porque não há serifas para ficar embaçadas na tela.
família-fonte: Arial, Helvetica, sans-serif;font-family: 'Arial Black', Gadget, sem serifa;font-family: Impacto, Carvão, sem serifa;família-fonte: 'MS Sans Serif', Genebra, sans-serif;família de fontes: Tahoma, Genebra, sans-serif;família de fontes: 'Trebuchet MS', Helvetica, sans-serif;família-fonte: Verdana, Genebra, sans-serif; Pilhas de fontes seguras do Serif Web Fontes Serif funcionam muito bem para manchetes. O tipo maior de manchetes significa que as serifas não ficarão borradas nos monitores. font-family: 'Livro Antiqua', 'Palatino Linotype', Palatino, serif;font-family: Bookman, serif;font-family: Geórgia, serif;família de fontes: 'MS Serif', 'New York', serif;font-family: 'Times New Roman', Times, serif; As fontes monoespaçadas geralmente são usadas para renderizar código e outros estilos de tipos que têm melhor aparência em uma fonte na qual todos os caracteres têm a mesma largura - como em fontes de máquinas de escrever. font-family: Courier, monospace;família de fontes: 'Courier New', Courier, monospace;font-family: 'Lucida Console', Mônaco, monospace; Veja os exemplos de pilha de fontes monoespaçadas. Fontes cursivas podem ser difíceis de ler, e a mais comumente encontrada na maioria dos sistemas (Comic Sans) não é apreciada por tantas pessoas quanto ela. font-family: 'Comic Sans MS', cursivo; Pilhas de fontes de fantasia Como as fontes cursivas, as fontes de fantasia podem ser difíceis de ler e são ainda menos comuns na maioria dos sistemas. Na verdade, você pode perceber que estou usando a mesma pilha de fontes que usei acima na categoria sem serifa, porque o impacto e o carvão são tão distintos que algumas pessoas os consideram fontes de fantasia. font-family: Impacto, Carvão vegetal, fantasia; Pilhas de fontes Dingbats, Wingdings ou Symbol Dingbats ou wingdings são fontes de símbolos que exibem pequenos ícones ou imagens em vez de letras. Não há nenhum tipo de fonte genérica para eles e, portanto, alguns computadores podem exibir fontes muito diferentes do esperado. Além disso, somente o Internet Explorer exibirá os símbolos. O Firefox e outros navegadores simplesmente exibem o texto na fonte padrão do navegador. font-family: símbolo;font-family: Webdings;font-family: Wingdings, 'Zapf Dingbats'; Pilhas de fontes monoespaçadas
Pilhas de fontes cursivas