OUGD404 - Design Principles - Questions

What is the difference between a typeface and a font?

To firstly identify the difference between a typeface and a font is crucial, the two are commonly mistaken for each other yet the difference is dramatic. A typeface is a collection of glyphs in the same style while a font is either a digital file or a physical collection of a typeface in one weight and variation.

“The way I relate the difference between typeface and font to my students is by comparing them to songs and MP3s, respectively When you talk about how much you like a tune, you don’t say: “That’s a great MP3”. You say: “That’s a great song”. The MP3 is the delivery mechanism, not the creative work; just as in type a font is the delivery mechanism and a typeface is the creative work.”

The term ‘font’ originated from its reference to a collection of lead letter press characters when using a letter press was the only method of printing type. In a modern context, the term refers to a copy of the digital file in one weight and style however due to the modern use of freely scalable type, the term has lost a sense of distinction.

Within a typeface family, there can be several variations including but not all: Helvetica Light, Helvetica Regular, Helvetica Bold, Helvetica Italic, and Helvetica Oblique. There are also variations containing two of these styles; Helvetica Light Oblique for example originates from Helvetica Regular however is distorted to the right while having a thinner stroke weight.

Italic and Oblique are too commonly mistaken for each other while the difference is noticeable; an Italic variation of a typeface is similar to an Oblique style. An Italic variation of a typeface contains different characters to a regular font within a typeface while an Oblique variation is the same typeface that has been slightly skewed to an angle most commonly between 8-12 degrees. An Italic font most commonly contains an alternate a and k while also containing a alternate serif.

There are several classifications of typefaces, these classifications are used to organize visually similar typefaces which often relates to its production:

Block - Block, black letter, Gothic, Old English, Black or Broken typefaces are based on the ornate writing style prevalent during the Middle Ages. Nowadays, they appear heavy and difficult to read as body copy however it is believed that if a person from the time was to read a modern sans serif typeface, it would be incredibly difficult as it is recognizable legibility that determines readability.

Script - Designed to imitate handwriting, script typefaces commonly imitate sable and bone methods of production. Before digital and moving type, script typefaces were hard to reproduce exactly.

Gothic - Sans Serif typefaces originally produced for movable type within printing presses, these typefaces are arguable less legible when used as body copy, however very legible when used as header type.

Roman - Serif typefaces originated from the production method of carving into stone with chisel, the use of chisel created the need for a serif as a route for the chisel to start and finish the strokes.

What is the difference between Legibility and Readability?

Legibility is measured on the ease of distinguishing individual glyphs and not the ease of readability. Legibility is predominantly based on the typeface and how recognizable that glyph is on its own, however legibility is subjective to a degree, a visually impaired person may find it more difficult to distinguish the same glyph a person without visual impairment may. Legibility is determined by the anatomy of that typeface, large open counters, ample lowercase x-heights and character shapes that are easily recognized are all features of a good legible glyph. Sans Serif typefaces are most commonly believed to be more legible as their letter shapes are simpler.

Readability is not determined by the legibility of a single glyph but how a series of glyphs is understood and read. It is defined by the ease of reading body copy, the continuity of identifying the next line and a combination of speed and ease. The length of line, the typeface and font used, leading, tracking and kerning governs readability.

The correct typeface is considered the most important aspect of readability, although sans serif typefaces are more legible than serif examples, it is commonly believed serif typefaces are better in relation to readability as serifs create better distinguished characters at the end and start of lines however it is argued that due to our modern cultures longer exposure to serif typefaces, they are more recognizable when used in body copy.

Line Length is the horizontal measure of a line of type, long or short lines of copy can be tiring and can affect the reader’s ability to drop to the next line. Robert Bringhurst’s consideration of line length appears to be the most widely accepted;

‘A sim­ple way to cal­cu­late the mea­sure is to use Robert Bringhurst’s method which mul­ti­ples the type size by 30. So if the type size is 10px, mul­ti­ply­ing it by 30 gives you a mea­sure of 300px or around 65 char­ac­ters per line.’

Leading is the distance between baseline and baseline; correctly spacing lines make it easier for a reader’s eye to follow, while too little or too much creates difficulty as well as the density of the composition creating tone.

Tracking and kerning are commonly mistaken for one another, tracking relates to the equal spacing between characters while kerning refers to spacing between two specific characters. Kerning is to be used when two characters create a clear gap that can disrupt the flow of copy. ‘Av’ is commonly kerned when used in headlines, as is ‘Wa’. Kerning gently can remove widows and orphans however tracking is agreed to be the better to use in such situations. Tracking can be used to create a comfortable flow of characters therefore affecting readability, as well as this, when left or right aligned, the rag or the uneven side of the copy can create distracting gaps and/or awkward shapes.

The difference between RGB and CMYK

RGB stands for red, green and blue, the convergence of these three primary colours produces white, this is called additive colour. Everything we see apart is emitted through light as RGB.

CMYK stands for Cyan, Magenta, Yellow and Black, these are the four colours that we use to print. RGB cannot be used for print as the overlaying of ink cannot be additive (create white) unlike RGB. The overlaying of these 4 inks is subtractive which means a mergence of the four creates black. Images are created using thousands of minute dots of CMYK and the overlaying of these dots to create tones.