USE VERSION CONTROL

you might delete your slides the night before

Typography

Typography

If you want to learn new things,
you should try reading old books

Typography

is NOT just about choosing a font,
or even distinguishing one typeface from another

Typography

is how language looks like

let's start with some definitions

Type

is a beautiful group of letters
not a group of beautiful letters

that's a type

Typeface

is the artistic representation
or interpretation of characters

Font

Is all the sorts needed
for a particular character set
of a particular typeface

Type styles

typefaces are commonly categorized
according to their appearance

Script

we all started with this

Blackletter

I will suck your blood

Serif Old style

a b c d e f g h i j k l m n o p q r s t u v y w z

Serif Transitional

a b c d e f g h i j k l m n o p q r s t u v y w z

Serif Modern

a b c d e f g h i j k l m n o p q r s t u v y w z

VOGUE

Sans serif

Monospaced

                                                                                            .s$$$Ss.
                                                                                .8,         $$$. _. .              ..sS$$$$$"  ...,.;
                                                                     o.   ,@..  88        =.$"$'  '          ..sS$$$$$$$$$$$$s. _;"'
                                                                      @@@.@@@. .88.   `  ` ""l. .sS$$.._.sS$$$$$$$$$$$$S'"'
                                                                       .@@@q@@.8888o.         .s$$$$$$$$$$$$$$$$$$$$$'
                                                                         .:`@@@@33333.       .>$$$$$$$$$$$$$$$$$$$$'
                                                                         .: `@@@@333'       ..>$$$$$$$$$$$$$$$$$$$'
                                                                          :  `@@333.     `.,   s$$$$$$$$$$$$$$$$$'
                                                                          :   `@33       $$ S.s$$$$$$$$$$$$$$$$$'
                                                                          .S   `Y      ..`  ,"$' `$$$$$$$$$$$$$$
                                                                          $s  .       ..S$s,    . .`$$$$$$$$$$$$.
                                                                          $s .,      ,s ,$$$$,,sS$s.$$$$$$$$$$$$$.
                                                                          / /$$SsS.s. ..s$$$$$$$$$$$$$$$$$$$$$$$$$.
                                                                         /`.`$$$$$dN.ssS$$'`$$$$$$$$$$$$$$$$$$$$$$$.
                                                                        ///   `$$$$$$$$$'    `$$$$$$$$$$$$$$$$$$$$$$.
                                                                       ///|     `S$$S$'       `$$$$$$$$$$$$$$$$$$$$$$.
                                                                      / /                      $$$$$$$$$$$$$$$$$$$$$.
                                                                                               `$$$$$$$$$$$$$$$$$$$$$s.
                                                                                                $$$"'        .?T$$$$$$$
                                                                                               .$'        ...      ?$$#\
                                                                                               !       -=S$$$$$s
                                                                                             .!       -=s$$'  `$=-_      :
                                                                                            ,        .$$$'     `$,       .|
                                                                                           ,       .$$$'          .        ,
                                                                                          ,     ..$$$'
                                                                                              .s$$$'                 `s     .
                                                                                       .   .s$$$$'                    $s. ..$s
                                                                                      .  .s$$$$'                      `$s=s$$$
                                                                                        .$$$$'                         ,    $$s
                                                                                   `   " .$$'                               $$$
                                                                                   ,   s$$'                              .  $$$s
                                                                                ` .s..s$'                                .s ,$$
                                                                                 .s$$$'                                   "s$$$,
                                                                              -   $$$'                                     .$$$$.
                                                                            ."  .s$$s                                     .$',',$.
                                                                            $s.s$$$$S..............   ................    $$....s$s......
                                                                             `""'           `     ```"""""""""""""""         `""   ``

Some of the basics

Tracking

Tracking

Kerning

Tracking

Tracking

Tracking

Justification
and tracking

Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Leading

Curabitur blandit tempus porttitor. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Curabitur blandit tempus porttitor. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Curabitur blandit tempus porttitor. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Curabitur blandit tempus porttitor. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Leading

Curabitur blandit tempus porttitor. Donec sed odio dui. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel eu leo.

Kerning

kerning.js

http://www.youtube.com/watch?v=Hq8mcAd9nlA