INTRO TO MULTIMEDIA. MAT 103

Alejandra Jarabo

Multimedia Arts & Technologies. Santa Barbara City College
Typography. page 1. To NEXT page

       
Concepts in Typography. Classification
 

"Typography" From Greek: typos "form" and graphein "to write"

   

 

Serif

A typeface that incorporates small details on the ends of many strokes called "serifs".
They are generally used in newspapers, magazines and books because this type of design tends to read better in long bodies of text.

Common Serif typefaces: Times, Garamond, Caslon, Times New Roman, Bodoni.
Serif@fontsquirrel,
Elegant Serif fonts @webdesignledger
Garamond @ typewolf , Garamond Premier @ Adobe fonts
Galiard ITC @ Adobe fonts
Linotype Didot @ Adobe fonts
Novecento Slab @ Adobe Fonts

 

Sans serif

Also referred as "Gothic" do not include those details at the end of the strokes and tend to have a more geometric construction.

They have been commonly used for tittles and headlines. They have become a popular choice for body text on digital devices, since they create a simpler negative space around them that works well in the highly contrast light-through environment of a reading screen.
Common scenarios typefaces: Arial, Helvetica, Futura, Frutiger, Gil Sans or Univers.
Sanserif@ fontsquirrel
Avenir font @ typewolf
Futura font @typeworlf
Brown (geometric Sanserif similar to Aperture) @ typewolf Century Gothic @ adobe fonts
Extreme design for "Sneakers Max" @ PositiveType

1   2  
3  

Script

Reflect handwriting, with letters that appear joined. In today's digital world,Script fonts are only used sporadically, when a personal, private or emotional feeling needs to be added to the text.

Are commonly classified into the following categories: Blackletter, Casual or Formal.

Examples of Script typefaces: SnellRoundhand, Caflish Script, brush Script and Blacktur.
Script fonts@1001fonts
Bickhan Spript @ Adobe fonts
See how LIGATURES look in Orpheus @ Adobe Fonts
"Learning curve", lovely callygraphy font @ Adobe Fonts
"Relation", Handwritten vintage signage

See also cursive. MORE

Bickham_Adobe Font
 

Mono space

A monospaced font, also called a fixed-pitch, fixed-width, or non-proportional font, is a font whose letters and characters each occupy the same amount of horizontal space. They are still popular because the strong visual imprint that typewriters still have in our culture.

Monospace fonts @typewolf



  Script fonts

  Monotype

       
 

Typeface

Is collection of letters, numbers, symbols and punctuation marks designed with stylistic unity, such as Futura or Gil Sans.
Type faces can be classified into 3 basic categories: Serif, Sans serif or Script.

Font

Historically a font referred to any size or style variant of a handset typeface, such as 12-point Garamond. With digital publishing, scalable type made the specific size less pertinent and was omitted in the description of a font.

In desktop publishing, a font is a digital file that holds the characters and formatting of a typeface.

In today's world of digital media, the terms "typeface" and "font" have become interchangeable" in common speech.


Type family

Is a collection of the many versions of a single typeface with different weights and widths, without change in letterform design.

The most common varieties in a family are: Roman, Italic, light, Boldface, Condensed and Extended.
Extended type families emerged in the 1900s, and some typefaces have a large number of variations, such as Univers or Taz III (as seen on the lower left image).

A Roman font is the basic, unaltered design of a typeface.
Italics use an angled axis. Serif Italics are calligraphic in form.
Sans-serif typefaces that have been slanted instead of redrawn on a new axis are referred to as Oblique.
Light fonts are thinner versions of Roman fonts and sometimes are also drawn as
Ultra light font , constructed of hair line strokes.
Boldface fonts can range from medium to semibold, bold, black or poster.
They are based on Roman, but constructed from wider strokes.
A Condensed font is reduced in width and can be useful in a tight-fitting column of text.
Extended fonts are wider than the Roman version and are often used for headlines and to create emphasis.

To create Uniformity and Harmony in a publication or website, many designers will restrict themselves to the use of 2 typefaces(often one serif and one sans serif), utilizing the different type families to create a typographic hierarchy.

type family graph

 

type family graph

Abbreviations:

Rm | Roman
It | Italic
Obl | Oblique
Sl | Slanted

Th | Thin
Lt | Light
Rg | Regular
Nr | Normal
Bk | Book
Md | Medium
Dm | Demi Bold
Sm | Semi Bold
Hv | Heavy
Bd | Bold
Blk | Black

Ex, X | Extra
Ult | Ultra

Comp | Compressed
Cond | Condensed
Nar | Narrow
Wide
Ext | Extended

 

       
 
type family graph
       

 



Typefaces and designers
 

typefaces and designers 2

 

 

 

 

 

 

Type families