witola.com

Eu estava lendo a minha ronda diária por blogs de design e tutorial de hoje e me deparei com este excelente artigo sobre tipografia web. Com tantas fontes por aí para usar, por que usar os mesmos "seguros" os o tempo todo em seu projeto? Há inúmeros outros que vêm de série em ambos os PC e Mac.

Aqui é uma corrida para baixo do autor Amrinder Sandhu de seu artigo Stack Font revista . As pilhas de fontes e estatísticas, tanto para fontes com serifa e sem serifa são mais após o salto.

Revisado Stacks fonte

* Algumas das fontes, como: Garamond, Baskerville e Didot não são tão legíveis na tela como a Geórgia. Sinta-se livre para fazer sua própria seleção.
* Devido à menor altura-x; Caslon, Didot, Garamond, Baskerville e Hoefler Text deve ser definido no mínimo de 14 pixels ou superior.
* Lucida Grande, Futura e Tahoma são mecanicamente obliqued para itálico uma farsa.
* Genebra, Baskerville Cara Velha e Big Caslon não tem negrito e itálico. Eles são falsificado para negrito e itálico.
* Evite o uso ou Helvetica Helvetica Neue no corpo do texto, especialmente abaixo de 14px.
* Futura, Gill Sans e Franklin Gothic Medium deve ser cuidadosamente empilhadas e utilizado devido ao seu peso fora do comum.

Serif pilha

1. Garamond (23,84% no Mac, 86,24% em Windows)
Garamond, Baskerville, "Face Baskerville Old", Hoefler Text "," Times New Roman ", serif;

2. Lucida Bright (64,90% no Mac, 33,84% em Windows)
Grande altura-x "Lucida Bright", Georgia, serif;

3. Palatino (79,71% no Mac, 98,04% em Windows)
Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;

4. Big Caslon (85,10% em Mac)
"Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;

5. Didot (87,72% em Mac)
Didot ", Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;

6. Baskerville (88,60% no Mac, 49,10% em Windows)
Baskerville ", Baskerville cara velha", "Hoefler Text", Garamond, "Times New Roman", serif;

7. Hoefler Text (88,70% no Mac, 1,16% em Windows)
"Hoefler Text", "face Baskerville velho", Garamond, "Times New Roman", serif;

8. Bodoni (47,89% em Windows)
"Bodoni MT", Didot ", Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;

9. Goudy Old Style (51,30% em Windows)
"Estilo Goudy Old", Garamond, "Big Caslon", "Times New Roman", serif;

10. Constantia (53,81% em Windows)
Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;

11. Cambria (54,51% em Windows)
Cambria, Georgia, serif;

12. Book Antiqua (86,09% em Mac)
"Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;

Sans-serif font-stack

1. Optima (90,14% em Mac)
Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;

2. Futura (91,01% em Mac)
Futura, "Trebuchet MS", Arial, sans-serif;

3. Sans Gill (91,52% no Mac, 51,74% em Windows)
"Gill Sans", "Gill Sans MT", Calibri, sans-serif;

4. Trebuchet (94,20% no Mac, 99% em Windows)
"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

5. Helvetica Neue (94,74% em Mac)
"Helvetica Neue", Helvetica, Arial, sans-serif;

6. Verdana (96,81% no Mac, 99,40% em Windows)
Verdana, Geneva, sans-serif;

7. Lucida Grande (99,13% no Mac, 98,25% em Windows)
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Genebra, Verdana, sans-serif;

8. Genebra (98,84% em Mac)
Genebra, Tahoma, Verdana, sans-serif;

9. Segoe (45,04% em Windows)
Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

10. Candara (54,31% em Windows)
Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;

11. Calibri (54,76% em Windows)
Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;

12. Franklin Gothic Medium (97,89% em Mac)
"Franklin Gothic Medium", Arial, sans-serif;

13. Tahoma (99,30% em Windows)
Tahoma, Geneva, Verdana, sans-serif;