Web Design og Font Stacks

Jeg leste min daglige runde opp av design og opplæringen blogger i dag og kom over denne flotte artikkelen på web typografi. Med så mange skrifter der ute til å bruke, hvorfor bruke de samme "safe" seg hele tiden i design? Det finnes utallige andre som kommer standard på både PC og Mac.

Her drives en ned fra forfatter Amrinder Sandhu fra sin artikkel Revidert Font Stack . Skrift stabler og statistikk for både serif og sans serif er etter mer hopp.

Reviderte Font Stacks

* Noen av skriftene, som: Garamond, Baskerville og Didot er ikke like lesbar på skjermen som Georgia. Føl deg fri til å lage din egen valg.
* På grunn av mindre x-høyde, Caslon, Didot, Garamond, Baskerville og Hoefler Tekst bør settes til minimum 14 piksler eller mer.
* Lucida Grande, Futura og Tahoma er mekanisk obliqued å forfalske en kursiv.
* Genève, Baskerville gamle ansikt og Big Caslon har ingen fet og kursiv. De er forfalsket til fet og kursiv.
* Unngå å bruke Helvetica eller Helvetica Neue for brødtekst, spesielt under 14px.
* Futura, Gill Sans og Franklin Gothic Medium bør nøye stables og brukt på grunn av sin uvanlige vekt.

Serif font-stack

1. Garamond (23,84% på Mac, 86,24% på Windows)
Garamond, Baskerville, "Baskerville gamle ansikt", Hoefler tekst "," Times New Roman ", serif;

2. Lucida Bright (64,90% på Mac, 33,84% på Windows)
Stor x-høyde "Lucida Bright", Georgia, serif;

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

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

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

6. Baskerville (88,60% på Mac, 49,10% på Windows)
Baskerville, "Baskerville gamle ansikt", "Hoefler tekst", Garamond, "Times New Roman", serif;

7. Hoefler Text (88,70% på Mac, 1,16% på Windows)
"Hoefler tekst", "Baskerville gamle ansikt", Garamond, "Times New Roman", serif;

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

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

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

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

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

Sans-serif font-stack

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

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

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

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

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

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

7. Lucida Grande (99,13% på Mac, 98,25% på Windows)
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Genève, Verdana, sans-serif;

8. Genève (98,84% på Mac)
Genève, Tahoma, Verdana, sans-serif;

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

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

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

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

13. Tahoma (99,30% på Windows)
Tahoma, Genève, Verdana, sans-serif;

Del

One Response til "Web Design og Font Stacks"

  • Derrick Cocklin Says:

    Wow, dvs en meget nyttig bloggpost for meg. Jeg liker din WordPress blog. Kanskje du burde skrive flere artikler av denne typen. Forresten, beklager for min dårlige engelsk ;) (:

Legg igjen en kommentar