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
Rhino Doodle by Jim Carter (Downton Abbey)

TV
Arts and Entertainment
Christian Grey cradles Ana in the Fifty Shades of Grey film

film
Arts and Entertainment
Chris Pratt stars in Guardians of the Galaxy
film
Arts and Entertainment
Comedian 'Weird Al' Yankovic

Is the comedy album making a comeback?

comedy
PROMOTED VIDEO
Have you tried new the Independent Digital Edition apps?
Arts and Entertainment
Sue Perkins and Mel Giedroyc, centre, are up for Best Female TV Comic for their presenting quips on The Great British Bake Off

TV
Arts and Entertainment
Martin Freeman as Lester Nygaard in the TV adaptation of 'Fargo'

TV
Arts and Entertainment
A scene from Shakespeare in Love at the Noel Coward Theatre
theatreReview: Shakespeare in Love has moments of sheer stage poetry mixed with effervescent fun
Arts and Entertainment
Dwayne 'The Rock' Johnson stars in Hercules

film
Arts and Entertainment
Standing the test of time: Michael J Fox and Christopher Lloyd in 'Back to the Future'

film
Arts and Entertainment
<p><strong>2008</strong></p>
<p>Troubled actor Robert Downey Jr cements his comeback from drug problems by bagging the lead role in Iron Man. Two further films follow</p>

film
Arts and Entertainment

theatre
Arts and Entertainment
Tycoons' text: Warren Buffett and Bill Gates both cite John Brookes' 'Business Adventures' as their favourite book

books
Arts and Entertainment
Panic! In The Disco's Brendon Urie performs on stage

music
Arts and Entertainment

film
Arts and Entertainment
Keira Knightley and Benedict Cumberbatch star in the Alan Turing biopic The Imitation Game

film
Arts and Entertainment

TV
Arts and Entertainment
Radio 4's Today programme host Evan Davis has been announced as the new face of Newsnight

TV
Arts and Entertainment
Pharrell Williams performing on the Main Stage at the Wireless Festival in Finsbury Park, north London

music
Arts and Entertainment
Carrie Mathison returns to the field in the fourth season of Showtime's Homeland

TV
Arts and Entertainment
Crowds soak up the atmosphere at Latitude Festival

music
Arts and Entertainment
Meyne Wyatt and Caren Pistorus arrive for the AACTA Aawrds in Sydney, Australia

TV
Arts and Entertainment
Rick Astley's original music video for 'Never Gonna Give You Up' has been removed from YouTube

music
Arts and Entertainment
Quentin Blake's 'Artists on the beach'

Artists unveils new exhibition inspired by Hastings beach

art
Arts and Entertainment
MusicFans were left disappointed after technical issues
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
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.

    Finding the names for America’s shame: What happens to the immigrants crossing the US-Mexico border without documents who never make it past the Arizona desert?

    Finding the names for America’s shame

    The immigrants crossing the US-Mexico border without documents who never make it past the Arizona desert
    Backhanders, bribery and abuses of power have soared in China as economy surges

    Bribery and abuses of power soar in China

    The bribery is fuelled by the surge in China's economy but the rules of corruption are subtle and unspoken, finds Evan Osnos, as he learns the dark arts from a master
    Commonwealth Games 2014: Highland terriers stole the show at the opening ceremony

    Highland terriers steal the show at opening ceremony

    Gillian Orr explores why a dog loved by film stars and presidents is finally having its day
    German art world rocked as artists use renowned fat sculpture to distil schnapps

    Brewing the fat from artwork angers widow of sculptor

    Part of Joseph Beuys' 1982 sculpture 'Fettecke' used to distil schnapps
    BBC's The Secret History of Our Streets reveals a fascinating window into Britain's past

    BBC takes viewers back down memory lane

    The Secret History of Our Streets, which returns with three films looking at Scottish streets, is the inverse of Benefits Street - delivering warmth instead of cynicism
    Joe, film review: Nicolas Cage delivers an astonishing performance in low budget drama

    Nicolas Cage shines in low-budget drama Joe

    Cage plays an ex-con in David Gordon Green's independent drama, which has been adapted from a novel by Larry Brown
    How to make your own gourmet ice lollies, granitas, slushy cocktails and frozen yoghurt

    Make your own ice lollies and frozen yoghurt

    Think outside the cool box for this summer's tempting frozen treats
    Ford Fiesta is UK's most popular car of all-time, with sales topping 4.1 million since 1976

    Fiesta is UK's most popular car of all-time

    Sales have topped 4.1 million since 1976. To celebrate this milestone, four Independent writers recall their Fiestas with pride
    10 best reed diffusers

    Heaven scent: 10 best reed diffusers

    Keep your rooms smelling summery and fresh with one of these subtle but distinctive home fragrances that’ll last you months
    Commonwealth Games 2014: Female boxers set to compete for first time

    Female boxers set to compete at Commonwealth Games for first time

    There’s no favourites and with no headguards anything could happen
    Five things we’ve learned so far about Manchester United under Louis van Gaal

    Five things we’ve learned so far about United under Van Gaal

    It’s impossible to avoid the impression that the Dutch manager is playing to the gallery a little
    Screwing your way to the top? Good for Lana Del Rey for helping kill that myth

    Screwing your way to the top?

    Good for Lana Del Rey for helping kill that myth, says Grace Dent
    Will the young Britons fighting in Syria be allowed to return home and resume their lives?

    Will Britons fighting in Syria be able to resume their lives?

    Tony Blair's Terrorism Act 2006 has made it an offence to take part in military action abroad with a "political, ideological, religious or racial motive"
    Beyoncé poses as Rosie the Riveter, the wartime poster girl who became a feminist pin-up

    Beyoncé poses as Rosie the Riveter

    The wartime poster girl became the ultimate American symbol of female empowerment
    The quest to find the perfect pair of earphones: Are custom, 3D printed earbuds the solution?

    The quest to find the perfect pair of earphones

    Earphones don't fit properly, offer mediocre audio quality and can even be painful. So the quest to design the perfect pair is music to Seth Stevenson's ears