Network: Typography - a language in its own right

The right type helps to get your message across on the Web

MANY THINK of text as just a way of recording spoken words, but typography adds a language to text that goes far beyond the spoken word. It affects how text looks by controlling the space, shape and sizes of letters. On the Web, typography is displaying text on the computer screen to wide audiences. But many of the challenges of this are a result of the Web's limitations. So it is important to understand how to classify type styles on the Web, and how text can be incorporated into a web page.

Type for the Web

A type style (called font families on the Web) is a category of typefaces with similar characteristics. There are five basic font "families":

Serif: small "ornamentation" at the end of a letter that helps distinguish it. Serifs are holdovers from the days of stone cutting and pen strokes, but they often improve legibility by making individual letters stand out. Serif fonts are often best for the display of larger text or for smaller printed text, and not so good for smaller text on a screen as they will often obscure the letter - eg. Times.

Sans-Serif: you guessed - without serifs. Characters are less distinctive, but these work better for smaller text on a screen - eg. Helvetica, Arial.

Monospace fonts can have serifs or not, but each letter occupies the same amount of space, ie. an "l" and "m". They work best for text that has to be exactly (but not necessarily quickly) read, such as programming code where typos can spell disaster - eg. Courier.

Cursive fonts try to mimic cursive handwriting, but usually in a highly stylised manner. Best for decoration and not very good for reading large chunks of text - eg. Zapf Chancery and Ribbon.

Fantasy are decorative fonts that don't fit any other category. Usually very ornamental or, in the case of Dingbats, actually illustrations or icons. Should be chosen carefully to reinforce the look and feel of your site - eg. Zapf Dingbats and Post Crypt.

Using type on the Web

While we can, in theory, use any font we want, there are three distinctive ways to present text, each with its own strengths and weaknesses.

HTML Text is mostly like text in a word processor. Its advantages are that it is easily edited if changes are needed and the text can adjust to the width of the screen it is being viewed on. But it has severe design limitations. Most textual control is left to the visitor's browser, and you can't do things like run text vertically. And you are limited to fonts available on the visitor's machine.

Cascading Style Sheets (/www.independent.co.uk/ net/980407ne/story8.html) give greater control, but HTML text is still very limited, particularly for special effects. This is why many designers turn to...

Graphic Text is actually a graphic (GIF or JPEG) with text in it, so you can do anything you want to how it looks and use any font you want, no matter what the site visitor has. But graphics mean slower downloads and may be cut off if the visitor's screen is not large enough. Graphic text is usually difficult to edit.

Vector Text gives the best of both worlds. Like HTML text, it is easily changed and can dynamically position itself depending on the screen size, but, like graphic text, many special effects can be used, with any font you want. Currently, the only universal way to get it into a website is to use Macromedia's Flash plug-in (www.independent. co.uk/net/ 980727ne/story4.html ), but standards are being worked on by the World Wide Web Consortium (www.w3c.org) that'll let browsers display vector text (and graphics).

Typography resources

Here are a few of my favourites.

Counterspace uses Flash to give lessons on typography, and recommend useful fonts. (www. studiomotiv.com/counterspace)

Typographic presents general information, and includes studies of how to use fonts more effectively - in print and online. (typographic.rsub.com/index.cgi)

Graphion's Online Type Museum has good information about typography basics. (www. graphion.com/museum.html)

Swipe-Books on Typography. I recommend Stop Stealing Sheep & Find Out How Type Works by Erik Spiekermann & E M Ginger. (www.swipe.com/type1.htm)

E-mail comments or queries to jason@webbedenvironments.com

Arts and Entertainment
Jamie Dornan as Christian Grey in Fifty Shades of Grey

film Sex scene trailer sees a shirtless Jamie Dornan turn up the heat

Arts and Entertainment
A sketch of Van Gogh has been discovered in the archives of Kunsthalle Bremen in Germany
arts + ents
Arts and Entertainment
Eleanor Catton has hit back after being accused of 'treachery' for criticising the government.
books
Arts and Entertainment
Fake Banksy stencil given to artist Alex Jakob-Whitworth

art

Arts and Entertainment
'The Archers' has an audience of about five million
radioA growing number of listeners are voicing their discontent; so loudly that even the BBC's director-general seems worried
PROMOTED VIDEO
Arts and Entertainment
Taylor Swift is heading to Norwich for Radio 1's Big Weekend

music
Arts and Entertainment
Beer as folk: Vincent Franklin and Cyril Nri (centre) in ‘Cucumber’
tvReview: This slice of gay life in Manchester has universal appeal
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment

ebooksNow available in paperback
Arts and Entertainment

ebooks
Arts and Entertainment
‘A Day at the Races’ still stands up well today
film
Arts and Entertainment
‘The Royals’ – a ‘twisted, soapy take on England’s first family’
tvAnd its producers have already announced a second season...
Arts and Entertainment
Kraftwerk performing at the Neue Nationalgalerie (New National Gallery) museum in Berlin earlier this month
musicWhy a bunch of academics consider German electropoppers Kraftwerk worthy of their own symposium
Arts and Entertainment
Icelandic singer Bjork has been forced to release her album early after an online leak

music
Arts and Entertainment
Colin Firth as Harry Hart in Kingsman: The Secret Service

film
Arts and Entertainment
Brian Blessed as King Lear in the Guildford Shakespeare Company's performance of the play

theatre
Arts and Entertainment
In the picture: Anthony LaPaglia and Martin Freeman in 'The Eichmann Show'

tv
Arts and Entertainment
Anne Kirkbride and Bill Roache as Deirdre and Ken Barlow in Coronation Street

tvThe actress has died aged 60
Arts and Entertainment
Marianne Jean-Baptiste defends Joe Miller in Broadchurch series two

tv
Arts and Entertainment
The frill of it all: Hattie Morahan in 'The Changeling'

theatre
Arts and Entertainment
Gillian Anderson and David Duchovny may reunite for The X Files

tv
Arts and Entertainment
Jeremy Clarkson, left, and Richard Hammond upset the locals in South America
TV
News
A young woman punched a police officer after attending a gig by US rapper Snoop Dogg
people
Arts and Entertainment
Reese Witherspoon starring in 'Wild'

It's hard not to warm to Reese Witherspoon's heroismfilm
Arts and Entertainment
Word up: Robbie Coltrane as dictionary guru Doctor Johnson in the classic sitcom Blackadder the Third
books

Arts and Entertainment
The Oscar nominations are due to be announced today

Oscars 2015
Arts and Entertainment
Hacked off: Maisie Williams in ‘Cyberbully’

Maisie Williams single-handedly rises to the challenge

TV
Arts and Entertainment
Eddie Redmayne in The Theory of Everything and Benedict Cumberbatch in The Imitation Game are both nominated at the Bafta Film Awards
Latest stories from i100
Have you tried new the Independent Digital Edition apps?

ES Rentals

    Independent Dating
    and  

    By clicking 'Search' you
    are agreeing to our
    Terms of Use.

    As in 1942, Germany must show restraint over Greece

    As in 1942, Germany must show restraint over Greece

    Mussolini tried to warn his ally of the danger of bringing the country to its knees. So should we, says Patrick Cockburn
    Britain's widening poverty gap should be causing outrage at the start of the election campaign

    The short stroll that should be our walk of shame

    Courting the global elite has failed to benefit Britain, as the vast disparity in wealth on display in the capital shows
    Homeless Veterans appeal: The rise of the working poor: when having a job cannot prevent poverty

    Homeless Veterans appeal

    The rise of the working poor: when having a job cannot prevent poverty
    Prince Charles the saviour of the nation? A new book highlights concerns about how political he will be when he eventually becomes king

    Prince Charles the saviour of the nation?

    A new book highlights concerns about how political he will be when he eventually becomes king
    How books can defeat Isis: Patrick Cockburn was able to update his agenda-setting 'The Rise of Islamic State' while under attack in Baghdad

    How books can defeat Isis

    Patrick Cockburn was able to update his agenda-setting 'The Rise of Islamic State' while under attack in Baghdad
    Judith Hackitt: The myths of elf 'n' safety

    Judith Hackitt: The myths of elf 'n' safety

    She may be in charge of minimising our risks of injury, but the chair of the Health and Safety Executive still wants children to be able to hurt themselves
    The open loathing between Barack Obama and Benjamin Netanyahu just got worse

    The open loathing between Obama and Netanyahu just got worse

    The Israeli PM's relationship with the Obama has always been chilly, but going over the President's head on Iran will do him no favours, says Rupert Cornwell
    French chefs get 'le huff' as nation slips down global cuisine rankings

    French chefs get 'le huff' as nation slips down global cuisine rankings

    Fury at British best restaurants survey sees French magazine produce a rival list
    Star choreographer Matthew Bourne gives young carers a chance to perform at Sadler's Wells

    Young carers to make dance debut

    What happened when superstar choreographer Matthew Bourne encouraged 27 teenage carers to think about themselves for once?
    Design Council's 70th anniversary: Four of the most intriguing prototypes from Ones to Watch

    Design Council's 70th anniversary

    Four of the most intriguing prototypes from Ones to Watch
    Dame Harriet Walter: The actress on learning what it is to age, plastic surgery, and her unease at being honoured by the establishment

    Dame Harriet Walter interview

    The actress on learning what it is to age, plastic surgery, and her unease at being honoured by the establishment
    Art should not be a slave to the ideas driving it

    Art should not be a slave to the ideas driving it

    Critics of Tom Stoppard's new play seem to agree that cerebral can never trump character, says DJ Taylor
    Bill Granger recipes: Our chef's winter salads will make you feel energised through February

    Bill Granger's winter salads

    Salads aren't just a bit on the side, says our chef - their crunch, colour and natural goodness are perfect for a midwinter pick-me-up
    England vs Wales: Cool head George Ford ready to put out dragon fire

    George Ford: Cool head ready to put out dragon fire

    No 10’s calmness under pressure will be key for England in Cardiff
    Michael Calvin: Time for Old Firm to put aside bigotry and forge new links

    Michael Calvin's Last Word

    Time for Old Firm to put aside bigotry and forge new links