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
Chocolat author Joanne Harris has spoken about the financial struggles most authors face

books
Arts and Entertainment
A scene from How To Train Your Dragon 2

Review: Imaginative storytelling returns with vigour

film
Arts and Entertainment
Josh Hutcherson, Donald Sutherland and Jena Malone in Mockinjay: Part 1

film
Arts and Entertainment

film
Arts and Entertainment
Characters in the new series are based on real people, say its creators, unlike Arya and Clegane the Dog in ‘Game of Thrones’
tv
PROMOTED VIDEO
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment
Unless films such as Guardians of the Galaxy, pictured, can buck the trend, this summer could be the first in 13 years that not a single Hollywood blockbuster takes $300m

tv
Arts and Entertainment
Miley Cyrus has her magic LSD brain stolen in this crazy video produced with The Flaming Lips

music
Arts and Entertainment
Gay icons: Sesame Street's Bert (right) and Ernie

tv
Arts and Entertainment
Singer Robin Thicke and actress Paula Patton

music
Arts and Entertainment
The new film will be shot in the same studios as the Harry Potter films

books
Arts and Entertainment
Duncan Bannatyne left school at 15 and was still penniless at 29

Bannatyne leaves Dragon's Den

TV
Arts and Entertainment
The French economist Thomas Piketty wrote that global inequality has worsened

books
Arts and Entertainment
David Tennant and Benedict Cumberbatch

TV
Arts and Entertainment
Ben Affleck plays a despondent Nick Dunne in David Fincher's 'Gone Girl'

film
Arts and Entertainment
Pete Doherty (L) and Carl Barât look at the scene as people begin to be crushed

music
Arts and Entertainment

tv
Arts and Entertainment
Pete Doherty and Caral Barat of The Libertines performs on stage at British Summer Time Festival at Hyde Park

music
Arts and Entertainment
Ariana Grande and Iggy Azalea perform on stage at the Billboard Music Awards 2014

music
Arts and Entertainment

theatre
Arts and Entertainment
Zina Saro-Wiwa

art
Arts and Entertainment
All-new couples 'Come Dine With Me'

TV
Arts and Entertainment

TV
Arts and Entertainment

TV
Arts and Entertainment
Black Sabbath's Ozzy Osbourne
musicReview: BST Hyde Park, London
Arts and Entertainment
Ed Gamble and Amy Hoggart star in Almost Royal burning bright productions
tvTV comedy following British ‘aristos’ is accused of mocking the trusting nature of Americans
Independent
Travel Shop
the manor
Up to 70% off luxury travel
on city breaks Find out more
santorini
Up to 70% off luxury travel
on chic beach resorts Find out more
sardina foodie
Up to 70% off luxury travel
on country retreats Find out more
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.

    A History of the First World War in 100 Moments: Peace without magnanimity - the summit in a railway siding that ended the fighting

    A History of the First World War in 100 Moments

    Peace without magnanimity - the summit in a railway siding that ended the fighting
    Scottish independence: How the Commonwealth Games could swing the vote

    Scottish independence: How the Commonwealth Games could swing the vote

    In the final part of our series, Chris Green arrives in Glasgow - a host city struggling to keep the politics out of its celebration of sport
    Out in the cold: A writer spends a night on the streets and hears the stories of the homeless

    A writer spends a night on the streets

    Rough sleepers - the homeless, the destitute and the drunk - exist in every city. Will Nicoll meets those whose luck has run out
    Striking new stations, high-speed links and (whisper it) better services - the UK's railways are entering a new golden age

    UK's railways are entering a new golden age

    New stations are opening across the country and our railways appear to be entering an era not seen in Britain since the early 1950s
    Pétanque World Championship in Marseilles hit by

    Pétanque 'world cup' hit by death threats

    This year's most acrimonious sporting event took place in France, not Brazil. How did pétanque get so passionate?
    10 best women's sunglasses

    In the shade: 10 best women's sunglasses

    From luxury bespoke eyewear to fun festival sunnies, we round up the shades to be seen in this summer
    Siobhan-Marie O’Connor: Swimmer knows she needs Glasgow joy on road to Rio

    Siobhan-Marie O’Connor: Swimmer needs Glasgow joy on road to Rio

    18-year-old says this month’s Commonwealth Games are a key staging post in her career before time slips away
    The true Gaza back-story that the Israelis aren’t telling this week

    The true Gaza back-story that the Israelis aren’t telling this week

    A future Palestine state will have no borders and be an enclave within Israel, surrounded on all sides by Israeli-held territory, says Robert Fisk
    A History of the First World War in 100 Moments: The German people demand an end to the fighting

    A History of the First World War in 100 Moments

    The German people demand an end to the fighting
    New play by Oscar Wilde's grandson reveals what the Irish wit said at his trials

    New play reveals what Oscar Wilde said at trials

    For a century, what Wilde actually said at his trials was a mystery. But the recent discovery of shorthand notes changed that. Now his grandson Merlin Holland has turned them into a play
    Can scientists save the world's sea life from

    Can scientists save our sea life?

    By the end of the century, the only living things left in our oceans could be plankton and jellyfish. Alex Renton meets the scientists who are trying to turn the tide
    Richard III, Trafalgar Studios, review: Martin Freeman gives highly intelligent performance

    Richard III review

    Martin Freeman’s psychotic monarch is big on mockery but wanting in malice
    Hollywood targets Asian audiences as US films enjoy record-breaking run at Chinese box office

    Hollywood targets Asian audiences

    The world's second biggest movie market is fast becoming the Hollywood studios' most crucial
    Grindr founder Joel Simkhai: 'I've found love on my dating app - and my mum keeps trying to hook me up!'

    Grindr founder Joel Simkhai: 'I've found love on my dating app'

    Five years on from its launch and Grindr is the world's most popular dating app for gay men. Its founder Joel Simkhai answers his critics, describes his isolation as a child
    Autocorrect has its uses but it can go rogue with embarrassing results - so is it time to ditch it?

    Is it time to ditch autocorrect?

    Matthew J X Malady persuaded friends to message manually instead, but failed to factor in fat fingers and drunk texting