The Wonder Of The Wonder Of TypographyTypography

Typography broken Typography broken down…down…

Brief history and back ground of Brief history and back ground of typographytypography

The principles of typographyThe principles of typography Examples of fonts and their Examples of fonts and their

advantages and disadvantagesadvantages and disadvantages Typography in the context of Typography in the context of

Multimedia and Website Multimedia and Website DevelopementDevelopement

Typography Typography through timethrough time

Let’s start at the Let’s start at the beginning…beginning…

1212thth Century - books were produced Century - books were produced by scribes, usually in monasteriesby scribes, usually in monasteries

1515thth Century - Johannes Gutenberg Century - Johannes Gutenberg invented moveable typeinvented moveable type

In 1454 the first mass-produced In 1454 the first mass-produced successfully printed book – The successfully printed book – The Gutenberg BibleGutenberg Bible

Typesetting soon caught on in Typesetting soon caught on in Europe and worldwideEurope and worldwide

Scribes fought against the Scribes fought against the introduction of printingintroduction of printing

The religious authorities wanted to The religious authorities wanted to control what was printedcontrol what was printed

Sometimes this was successfulSometimes this was successful For centuries in some European For centuries in some European

countries Church approval was countries Church approval was need to printneed to print

Printing could only be done by a Printing could only be done by a government authorised printergovernment authorised printer

Where did it go from Where did it go from there?there?

Type setting made only minor refinements Type setting made only minor refinements in the late 1600s until the late 1800sin the late 1600s until the late 1800s

In 1885 Linn Boyd Benton's invention In 1885 Linn Boyd Benton's invention eased the creation of puncheseased the creation of punches

Pierre Simon Fournier first proposed Pierre Simon Fournier first proposed point system in 1737, but Francois point system in 1737, but Francois Ambroise Didot’s version was adoptedAmbroise Didot’s version was adopted

1944 debut of photocomposition was 1944 debut of photocomposition was produced and was the bridge between produced and was the bridge between printing and the computing worldprinting and the computing world

Ok, so where do computers Ok, so where do computers come in?come in?

A hybrid of photocomposition and A hybrid of photocomposition and pure digital output is bornpure digital output is born

In 1980s Post script became the In 1980s Post script became the standard for digital typesettingstandard for digital typesetting

Although postscript predominates Although postscript predominates there are many other forms of page there are many other forms of page description languagedescription language

Principles of Principles of TypographyTypography

It’s a matter of It’s a matter of principle…principle…

There are six main principles of TypographyThere are six main principles of Typography Type size Type size – Measured in points– Measured in points WeightWeight – Refers to the density of the letters – Refers to the density of the letters Style – Bold, Italic, Underline and reverseStyle – Bold, Italic, Underline and reverse Leading – Vertical space between linesLeading – Vertical space between lines Alignment – Position in regards to the marginsAlignment – Position in regards to the margins Colour – Tone, texture, lightness and darknessColour – Tone, texture, lightness and darkness

Choosing the Choosing the right fontright font

Types of font…Types of font…

There are fonts for every occasion, There are fonts for every occasion, use and personalityuse and personality

Some fonts were made to make Some fonts were made to make consumption of text easierconsumption of text easier

Others were made just for fun, to Others were made just for fun, to add excitement to textadd excitement to text

Different fonts have different affectsDifferent fonts have different affects

Fonts…Fonts…

Small fonts are often reproduced Small fonts are often reproduced poorly, due to the sizepoorly, due to the size

There are old fonts and new fonts that There are old fonts and new fonts that have become oldhave become old

Some fonts are made to imitate Some fonts are made to imitate handwritinghandwriting

Some have Some have specific purposesspecific purposes And others were made for fun, or with And others were made for fun, or with

special charactersspecial characters

Some fonts can be tiring to read as Some fonts can be tiring to read as they give a dark grey impression when they give a dark grey impression when put into paragraphsput into paragraphs

Some fonts can look light grey when Some fonts can look light grey when put into paragraphs this can make put into paragraphs this can make reading a more pleasant experiencereading a more pleasant experience

SerifSerif fonts are easier to follow on long fonts are easier to follow on long lines of text, making them ideal, when lines of text, making them ideal, when there is a lot of information to displaythere is a lot of information to display

Sans-SerifSans-Serif fonts are hard to follow in fonts are hard to follow in long lines of text, making them more long lines of text, making them more suitable for shorter texts, like titlessuitable for shorter texts, like titles

The use of The use of Typography in Typography in Websites and Websites and MultimediaMultimedia

Examples of text on the Examples of text on the webweb

National Westminster BankNational Westminster Bank Portfolio DesignsPortfolio Designs Synergy designsSynergy designs GoogleGoogle ArgosArgos ASDAASDA

In a nutshell…In a nutshell…

Typography started with scribes in the Typography started with scribes in the 1212thth century and developed into digital century and developed into digital typesetting of centuriestypesetting of centuries

The principles are Size, Weight, Style, The principles are Size, Weight, Style, Leading, Margin Alignment and ColourLeading, Margin Alignment and Colour

Fonts can affect the way text is read or Fonts can affect the way text is read or perceivedperceived

Choosing the right text is essential to Choosing the right text is essential to web designweb design

ReferencesReferences

www.potasky.com/visco/www.potasky.com/visco/assignments/typotxt/assignments/typotxt/

http://www.online.tusc.k12.al.us/http://www.online.tusc.k12.al.us/tutorials/typograp/tutorials/typograp/typography.htm#printypotypography.htm#printypo

Serif fonts make reading large blocks of text Serif fonts make reading large blocks of text easier because of the spaces between letters, its easier because of the spaces between letters, its density and weight. Also because it is a light density and weight. Also because it is a light font, this makes it easier on the eyes. Serif font, this makes it easier on the eyes. Serif fonts make reading large blocks of text easier fonts make reading large blocks of text easier because of the spaces between letters, its because of the spaces between letters, its density and weight. Also because it is a light density and weight. Also because it is a light font, this makes it easier on the eyes.font, this makes it easier on the eyes.

BackBack

Sans-Serif fonts are harder to read in Sans-Serif fonts are harder to read in long lines because it seems like a long lines because it seems like a dark grey when displayed in a long dark grey when displayed in a long block of text. Also the space between block of text. Also the space between the letters are smaller making the the letters are smaller making the letters harder to distinguish. The letters harder to distinguish. The weight of the letters also makes weight of the letters also makes reading them difficult.reading them difficult.

BackBack

Screen fonts…Screen fonts…

The following fonts The following fonts were designed were designed specifically for the specifically for the screen. The screen. The designers have designers have taken into account taken into account the purpose of the the purpose of the text and designed text and designed it to suit its needit to suit its need

GeorgiaGeorgia Trebuchet MSTrebuchet MS TahomaTahoma VerdanaVerdana

BackBack

Webdings – Webdings – Comic Sans Comic Sans Symbol – Symbol –

CurlzCurlz Monotype sorts – Monotype sorts –

ForteForte OCR AOCR A

BackBack

Type size…Type size… The point size of text is The point size of text is

the number of points per the number of points per inch between the tallest inch between the tallest ascender and the lowest ascender and the lowest descender in the textdescender in the text

This is usually 72 points This is usually 72 points to the inchto the inch

Therefore if a font is 18 Therefore if a font is 18 points it is points it is approximately ¼ inch in approximately ¼ inch in heightheight

BackBack

Weight…Weight…

Described as a continuum: light, dark, Described as a continuum: light, dark, bold, extra bold etc.bold, extra bold etc.

Light fonts are composed of thinner linesLight fonts are composed of thinner lines Heavy fonts are composed of thicker Heavy fonts are composed of thicker

lineslines Not all weights are available for some of Not all weights are available for some of

the fontsthe fonts

BackBack

Style…Style…

Styles are: Styles are: Bold, Bold, italic, italic, underlineunderline and and reversereverse

They are often used to accentuate or They are often used to accentuate or exaggerate specific points or pieces of dataexaggerate specific points or pieces of data

UnderlineUnderline is often used for titles and is often used for titles and headingsheadings

Italic Italic is often used to stress a point as is is often used to stress a point as is BoldBold

BackBack