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
Top Related