Typography - Getting The Hang Of Typography

(lu) #1

  • The Helvetica/Arial-based sans serif stack: 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

  • The Verdana-based sans serif stack: Corbel, ̒Lucida Grande̓, ̒Lucida Sans
    Unicode̓, ̒DejaVu Sans̓, ̒Bitstream Vera Sans̓, ̒Liberation Sans̓, Verdana,
    ̒Verdana Ref̓, sans-serif

  • The Trebuchet-based sans serif stack: ̒Segoe UI̓, Candara, ̒Bitstream
    Vera Sans̓, ̒DejaVu Sans̓, ̒Bitsream Vera Sans̓, ̒Trebuchet MS̓, Verdana,
    ̒Verdana Ref̓, sans-serif

  • The heavier “Impact” sans serif stack: Impact, Haettenschweiler, ̒Franklin
    Gothic Bold̓, Charcoal, ̒Helvetica Inserat̓, ̒Bitstream Vera Sans Bold̓, ̒Arial
    Black̓, sans-serif

  • The Monospace stack: 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


The Myth of ̒Web-Safe̓ Fonts


The Myth of ̒Web-Safe̓ Fonts from Safalra.com offers up five simple,
straightforward font stacks for web typography. These stacks are pretty
bare-bones as far as most recommended font stacks go, but they՚re
perfectly adequate for many applications, as well as being a good starting
point for building your own stacks.


The ̒wide̓ sans serif stack: Verdana, Geneva, sans-serif


The ̒narrow̓ sans serif stack: Tahoma, Arial, Helvetica, sans-serif

Free download pdf