CSS: font-family

Postado por: Pedro Rogério em

No site Font Tester você pode encontrar uma interessante lista com famílias de fontes “web safe”, ou seja, as fontes utilizadas em projetos web que são mais comuns entre os sistemas operacionais Windows, MAC e Linux:

font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;

Veja abaixo um preview de como essas famílias de fontes seriam renderizadas pelo browser:

Web Safe Fonts

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.

Central Server

6 Responses to “CSS: font-family”

  1. Bruno disse:

    Legal sua iniciativa Pedro. Porque tem muita gente que diz que desenvolve pra web e ainda não sabe utilizar famílias de fontes corretas. Aliás, tem gente que não sabe nem o porque da utilização de famílias de fontes.
    Abraços.

  2. Bruno Paiva disse:

    Por favor… NÃO USEM COMIC SANS!!

  3. Fabio Nobre disse:

    Bacana, muito util. Nunca tinha visto uma relação assim com as familias. Como o Bruno falou, eu não sabia as familias de fontes corretas. Apesar de não ser desenvolverdor profissional…

  4. rafael veloso disse:

    Poxa muito bacana essa dica hem. Parabéns novamente ai pra vc meu camarada.

    Gostaria de saber se tem como postar alguma materia aqui no blog ou sei la pode ajuda em alguma coisa?

    um abraço, t+
    rvf20bh@hotmail.com

  5. @Rafael,

    Olha, por enquanto só eu vou estar escrevendo aqui, mas você pode estar sugerindo tópicos para que eu possa escrever. Abraços.

  6. caina disse:

    cara muito bom, copiei em um doc já =D;

Leave a Reply