8 sequências definitivas de fontes para usar no seu site

6 de março de 2009


Sabe aquela sequência de fontes que colocamos nos sites para criar um estilo de tipografia?

Por exemplo:

font-family: Helvetica, Arial, sans-serif;

Podemos dizer que o exemplo acima se refere a uma sequência sem muitas alternativas. Abaixo seguem 8 sequências de fontes, dependendo do estilo desejado, e que se adaptam a qualquer computador e plataforma.

Essas 8 sequências foram pensadas da seguinte forma:

fonte exata, alternativa mais próxima, alternativas em várias plataformas, escolha universal (presente em todas as plataformas), genérica

Também foi pensada utilizando:

fontes de Windows, fontes de Mac, fontes de Linux, universais, genéricas

Abaixo o resultado:

Sequência Times New Roman (serif)
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Times New Roman

Sequência Georgia (serif)
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Sequência Georgia

Sequência Garamond (serif, mais tradicional)

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Garamond

Sequência Helvetica/Arial (sans serif)

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Helvetica / Arial

Sequência Verdana (sans serif)

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Verdana

Sequência Trebuchet (sans serif)

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

trebuchet

Sequência Impact (sans serif, “pesada”)

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Impact

Sequência mono-espaços (estilo máquina de escrever)

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

mono

Fonte: sitepoint


assuntos: css, internet, web 2.0, webdesign — Ricardo Alamino @ 2:35 pm

1 comentário »

  1. Vlw msm isso vai ajudar e muito

    Comentário por Gerson — 8 de junho de 2009 @ 12:33 pm

RSS feed para comentários desse post. TrackBack URI

Deixe um comentário