Skip to content

Pilhas de fontes seguras da web

14 de maio de 2021

Encontrar uma boa pilha de fontes que transmita o estilo do seu site, mas que também seja confiável na maioria dos sites disponíveis, pode ser complicado. Se você usar fontes não seguras para a web, seu site pode não ter a aparência desejada quando o navegador substituir sua fonte extravagante por algo surpreendente. Essas pilhas de fontes são separadas por família (serif, monoespaçada etc.). Ao usar uma fonte que não seja segura para a web, você deve colocá-la primeiro na pilha de fontes e, em seguida, adicionar uma dessas pilhas ao final. Escolha a pilha de fontes que mais se assemelhe ao estilo e procure sua fonte preferida.

Pilhas de fontes seguras da Web Sans Serif

Texto sem serifa é bom para leitura em páginas da web porque não há serifas para ficar borrado na tela. família da fonte: Arial, Helvetica, sans-serif;
família da fonte: ‘Arial Black’, Gadget, sans-serif;
família da fonte: Impact, Charcoal, sans-serif;
família da fonte: ‘MS Sans Serif’, Genebra, sans-serif;
família da fonte: Tahoma, Geneva, sans-serif;
família da fonte: ‘Trebuchet MS’, Helvetica, sans-serif;
família da fonte: Verdana, Genebra, sans-serif;

type = “código”>

Pilhas de fontes seguras da Web Serif

Fontes com serifa funcionam muito bem para títulos. O tipo de título maior significa que as serifas não ficarão borradas nos monitores. font-family: ‘Book Antiqua’, ‘Palatino Linotype’, Palatino, serif;
família da fonte: Bookman, serif;
família da fonte: Georgia, serif;
família da fonte: ‘MS Serif’, ‘New York’, serif;
família de fontes: ‘Times New Roman’, Times, serif;

type = “código”>

Pilhas de fontes monoespaçadas

Fontes monoespaçadas geralmente são usadas para renderizar código e outros estilos de tipo que ficam melhor em uma fonte onde todos os caracteres têm a mesma largura – como fontes de máquina de escrever. família de fontes: Courier, monoespaço;
família de fontes: ‘Courier New’, Courier, monospace;
família de fontes: ‘Lucida Console’, Mônaco, monospace;

type = “código”>

Pilhas de fontes cursivas

As 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 por ela. família da fonte: ‘Comic Sans MS’, cursiva;

type = “código”>

Pilhas de fontes de fantasia

Assim 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 notar que estou usando a mesma pilha de fontes que usei acima na categoria sans serif, isso porque o impacto e o carvão são tão distintos que algumas pessoas as consideram fontes fantásticas. família-fonte: Impacto, Carvão, fantasia;

type = “código”>

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 existe um tipo de fonte genérico para eles, portanto, alguns computadores podem exibir fontes muito diferentes do que você espera. Além disso, apenas o Internet Explorer exibirá os símbolos. O Firefox e outros navegadores simplesmente exibem o texto na fonte padrão do navegador. família de fontes: Símbolo;
família de fontes: Webdings;
família da fonte: Wingdings, ‘Zapf Dingbats’;

type = “código”>