CMS1101 Lect2 Additional Lecture
CMS1101 Lect2 Additional Lecture
• Typography is the art and technique of arranging type to make written language readable and
appealing.
• The arrangement of type involves selecting typefaces, point size, line length, line-spacing
(leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning).
Choosing a font
• Size
– All typefaces are not created equally. Some are fat and wide; some are thin and narrow.
So words set in different typefaces can take up a very different amount of space on the
page.
– Note: When pairing typefaces - such as when using a different face to denote an area of
attention - it's generally wise to use those that share a similar x-height.
• Leading
– Leading describes the vertical space between each line of type. It's called this because
strips of lead were originally used to separate lines of type in the days of metal
typesetting.
– For legible body text that's comfortable to read, a general rule is that your leading value
should be greater than the font size; anywhere from 1.25 to 1.5 times.
• Tracking and kerning
– Kerning describes the act of adjusting the space between characters to create a
harmonious pairing. For example, where an uppercase 'A' meets an uppercase 'V', their
diagonal strokes are usually kerned so that the top left of the 'V' sits above the bottom
right of the 'A'.
– Kerning similar to, but not the same as, 'tracking'; this relates to the spacing of all
characters and is applied evenly.
• Measure
– The term 'measure' describes the width of a text block. If you're seeking to achieve the
optimum reading experience, it's clearly an important consideration.
• Hierarchy and scale
– If all type was the same size, then it would be difficult to know which the most
important information on the page was. In order to guide the reader, then, headings are
usually large, sub-headings are smaller, and body type is smaller still.
Page 1 of 2
University of the East
College of Computer Studies and Systems
CMS 1101 Multimedia Systems
– Size is not the only way to define hierarchy – it can also be achieved with color, spacing
and weight.
References:
• http://www.creativebloq.com/typography/what-is-typography-123652
Page 2 of 2