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
TVDessert week was full of the usual dramas as 'bingate' ensued
Arts and Entertainment
Vinyl demand: a factory making the old-style discs
musicManufacturers are struggling to keep up with the resurgence in vinyl
Arts and Entertainment
David Baddiel concedes his show takes its inspiration from the hit US series 'Modern Family'
comedyNew comedy festival out to show that there’s more to Jewish humour than rabbi jokes
Arts and Entertainment
Prince and 3RDEYEGIRL are releasing Plectrum Electrum next month

music
PROMOTED VIDEO
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment
Madame Vastra and Jenny Flint kiss in Doctor Who episode 'Deep Breath'

TV
Arts and Entertainment
Steve Carell in the poster for new film 'Foxcatcher'
filmExclusive: First look at comic actor in first major serious role
Arts and Entertainment

TV
Arts and Entertainment
Kingston Road in Stockton is being filmed for the second series of Benefits Street
arts + entsFilming for Channel 4 has begun despite local complaints
Arts and Entertainment
Led Zeppelin

music
Arts and Entertainment
Radio presenter Scott Mills will be hitting the Strictly Come Dancing ballroom
TV
Arts and Entertainment

TV
Arts and Entertainment

TV
Arts and Entertainment
The Doctor and Clara have their first real heart to heart since he regenerated in 'Deep Breath'
tv
Arts and Entertainment
Beyonce performs in front of a Feminist sign at the MTV VMAs 2014

music
Arts and Entertainment
Miley Cyrus has taken home the prize for Video of the Year at the MTV Video Music Awards 2014

music
Arts and Entertainment
Peter Paige and Scott Lowell in Queer as Folk (Season 5)
tvA batch of shows that 'wouldn't get past a US network' could give tofu sales an unexpected lift
Arts and Entertainment
books... but seller will be hoping for more
Arts and Entertainment
John Kearns winner of the Foster's Edinburgh Comedy Award with last years winners: Bridget Christie and Frank Skinner
comedyJohn Kearns becomes the first Free Fringe act to win the top prize
Arts and Entertainment
Professor Sue Vice
booksAcademic says we should not disregard books because they unexpectedly change genre
Arts and Entertainment
Jamie Muscato performs as Michael Crawford in Stars in Their Eyes

TV
Arts and Entertainment
‘Game of Thrones’

TV
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.

    Israel-Gaza conflict: No victory for Israel despite weeks of death and devastation

    Robert Fisk: No victory for Israel despite weeks of devastation

    Palestinians have won: they are still in Gaza, and Hamas is still there
    Mary Beard writes character reference for Twitter troll who called her a 'slut'

    Unlikely friends: Mary Beard and the troll who called her a ‘filthy old slut’

    The Cambridge University classicist even wrote the student a character reference
    America’s new apartheid: Prosperous white districts are choosing to break away from black cities and go it alone

    America’s new apartheid

    Prosperous white districts are choosing to break away from black cities and go it alone
    Amazon is buying Twitch for £600m - but why do people want to watch others playing Xbox?

    What is the appeal of Twitch?

    Amazon is buying the video-game-themed online streaming site for £600m - but why do people want to watch others playing Xbox?
    Tip-tapping typewriters, ripe pongs and slides in the office: Bosses are inventing surprising ways of making us work harder

    How bosses are making us work harder

    As it is revealed that one newspaper office pumps out the sound of typewriters to increase productivity, Gillian Orr explores the other devices designed to motivate staff
    Manufacturers are struggling to keep up with the resurgence in vinyl records

    Hard pressed: Resurgence in vinyl records

    As the resurgence in vinyl records continues, manufacturers and their outdated machinery are struggling to keep up with the demand
    Tony Jordan: 'I turned down the chance to research Charles Dickens for a TV series nine times ... then I found a kindred spirit'

    A tale of two writers

    Offered the chance to research Charles Dickens for a TV series, Tony Jordan turned it down. Nine times. The man behind EastEnders and Life on Mars didn’t feel right for the job. Finally, he gave in - and found an unexpected kindred spirit
    Could a later start to the school day be the most useful educational reform of all?

    Should pupils get a lie in?

    Doctors want a later start to the school day so that pupils can sleep later. Not because teenagers are lazy, explains Simon Usborne - it's all down to their circadian rhythms
    Prepare for Jewish jokes – as Jewish comedians get their own festival

    Prepare for Jewish jokes...

    ... as Jewish comedians get their own festival
    SJ Watson: 'I still can't quite believe that Before I Go to Sleep started in my head'

    A dream come true for SJ Watson

    Watson was working part time in the NHS when his debut novel, Before I Go to Sleep, became a bestseller. Now it's a Hollywood movie, too. Here he recalls the whirlwind journey from children’s ward to A-list film set
    10 best cycling bags for commuters

    10 best cycling bags for commuters

    Gear up for next week’s National Cycle to Work day with one of these practical backpacks and messenger bags
    Paul Scholes: Three at the back isn’t working yet but given time I’m hopeful Louis van Gaal can rebuild Manchester United

    Paul Scholes column

    Three at the back isn’t working yet but given time I’m hopeful Louis van Gaal can rebuild Manchester United
    Kate Bush, Hammersmith Apollo music review: A preamble, then a coup de théâtre - and suddenly the long wait felt worth it

    Kate Bush shows a voice untroubled by time

    A preamble, then a coup de théâtre - and suddenly the long wait felt worth it
    Robot sheepdog technology could be used to save people from burning buildings

    The science of herding is cracked

    Mathematical model would allow robots to be programmed to control crowds and save people from burning buildings
    Tyrant: Is the world ready for a Middle Eastern 'Dallas'?

    This tyrant doesn’t rule

    It’s billed as a Middle Eastern ‘Dallas’, so why does Fox’s new drama have a white British star?