Chapter 6: Typography in Web Design – Interview with Grant Bowden  

Typography Interview with Grant Bowden: Creative Director of Deep.     Q: What excites you about typography?   A: I could happily write about the never-ending beauty of the letterforms, the utilitarianism of Sans Serifs, the timeless sophistication of Serifs, the elegance of Script Lettering, the no-nonsense of slab serif, the aggression of Black Letter and the myriad of inbetweeners. […]

Chapter 5: Typography in Web Design – Serif & Sans Serif Fonts, Typography as Art.  

Serif and Sans Serif Fonts Serif fonts such as Times, Georgia or Baskerville are used for large bodies of text as they are more distinctive, familiar and legible. Whereas Sans Serif fonts such as Ariel, Helvetica and Verdana etc. are more effective for low monitor resolutions and therefore applied to captions, headlines and logos. Serifs are distinguishable from Sans Serifs […]

Chapter 4: Typography in Web Design – Hyphenation, Emphasis.  

Hyphenation Hyphenation in typography serves to connect words that are divided when they cannot fit comfortably at the end of typed lines. To avoid fragmented words, hyphens should be placed predominantly between consonants. A useful tip is to ensure that a hyphen is sandwiched between two letters on one line and three on the following line. Emphasis Emphasis is a […]

Chapter 3: Typography in Web Design – Kerning, Tracking, Baseline, Leading.  

Kerning/Mortising, Negative/Positive Spacing-Tracking Kerning-also known as mortising, adjusts character spacing in┬áproportional fonts for an aesthetically pleasing result. This is achieved via moving the letters closer together, otherwise referred to as negative spacing.┬áTracking or positive spacing on the other hand, moves the letters further apart. When a font is kerned correctly, the area of the two-dimensional blank spaces between each pair […]

Chapter 2: Typography in Web Design – Space, Widows & Orphans, Alignment, Paragraphs, Measure.  

Space Allow your text to speak by having enough negative or white space to envelope it. Another web typography rule is to keep 140% of line spacing in relation to your font size, as specified by the line-height CSS property. In fact the attention to micro space within the type, is the mark of a good designer. Not only is […]

Chapter 1: Typography in Web Design – Contrast, Font Size & Hierarchy  

Typography derives from the Greek words ‘typos’ and ‘graphe’, meaning ‘form’ and ‘writing’. In web design it is the technique and art of arranging typefaces, which manifested when Tim Berners-Lee launched the first website in 1991. http://www.telegraph.co.uk/news/newstopics/ nationaltreasures/2194133/Sir-Tim-Berners-Lee-portrait.html Contrast The contrast between typography and background requires consideration of colour and font types. The purpose of text is to be perused […]