CSS: font-family

Postado por: Pedro Rogério 22 de setembro de 2008

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

Isso pode lhe interessar:

Categorias: CSS Tags:

Comentários
22 de setembro de 2008
# 1

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.

Postado por Bruno
22 de setembro de 2008
# 2

Por favor… NÃO USEM COMIC SANS!!

Postado por Bruno Paiva
22 de setembro de 2008
# 3

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…

Postado por Fabio Nobre
23 de setembro de 2008
# 4

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

Postado por rafael veloso
24 de setembro de 2008
# 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.

Postado por Pedro Rogério
2 de março de 2009
# 6

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

Postado por caina
Quer comentar?

(Obrigatório)

(Obrigatório)