06 março 2009 ~ View Comments

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

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

Artigos relacionados:

  1. Notícias desinteressantes geram renda para o seu site?
  2. popuri.us – Saiba a popularidade do seu site
  3. Razões para usar o Gmail e não usar o Outlook
  4. Recursos visuais para blogueiros, webmasters e designers
  5. Quanto vale o seu site/blog?

  • Vlw msm isso vai ajudar e muito
blog comments powered by Disqus