The personal disquiet of

Mark Boulton

January 25th, 2006

Five Simple Steps to Typesetting on the web: Introduction

{title}It’s been quite a while since the last Simple Steps series, but this new series of art­icles has been brew­ing for a while. Before I go into the first install­ment I’d like to cla­rify what exactly I mean by Type­set­ting and how that dif­fers from Design, Typo­graphic Design or Typo­graphy. Each ‘Simple Step’ will be just that, clear simple rule(s) to follow.

I feel that Typo­graphic Design is such a large field in the prac­tice of design that some of the con­stitu­ent parts need a bit of atten­tion. Take Type Design for example. The font industry is big busi­ness, and rightly so, but to many people this is what typo­graphy is; choos­ing a font. That’s it. My typo­graphy is done, move on to the col­ours. Hang on one minute. You’ve for­got­ten Typesetting.

Type­set­ting, as defined by Dictionary.com, is:

To set (writ­ten mater­ial) into type; compose.

Not very enlight­en­ing, but the word ‘com­pose’, used in this con­text is an import­ant word.

Com­pos­i­tion. Take a look at the defin­i­tion. Type­set­ting is in some pretty impress­ive com­pany, but I like this one: Arrange­ment of artistic parts so as to form a uni­fied whole..

Type­set­ting has a rich his­tory in the craft of the print­ing trade where com­pos­it­ors graf­ted, by hand and later by machines, to pro­duce prin­ted mater­ial. Then, along came desktop publsh­ing and things changed slightly. The basic prin­ciples (I’ll get onto some of them) remained the same, but some­thing was lost in trans­la­tion. Type­set­ting was no longer being done by skilled tradesmen—Compositors—But by Graphic Design­ers, who argu­ably didn’t have the skills, but were cheap because they worked on labour sav­ing com­puters. And so, from the late 1980’s onwards, Type­set­ting suffered and as a res­ult Typo­graphy suffered.

This all may be a little melo­dra­matic for the print based world, but things are a whole lot worse on the web. True, there are tech­nical con­straints on which font you can have, but as I said, there’s more to typo­graphy than the font.

Tomor­row, I’ll get onto the first Step: The Right Glyph for the Job.

12 Responses to “Five Simple Steps to Typesetting on the web: Introduction”

  1. Paul said on: January 25th, 2006 at 7:00 pm

    Oooooh look­ing for this one!

  2. Paul said on: January 25th, 2006 at 7:08 pm

    Cor­rec­tion: Look­ing for­ward to this one — the excite­ment must have got to me!

  3. Julian Schrader said on: January 25th, 2006 at 7:26 pm

    Cool!

    Look­ing for­ward to this one

    Me too!

    What about tex­tile in your com­ments? Would be a lot han­dier to just type bq. to get a blockquote. 

    Cheers,

    Julian

  4. Joe Lencioni said on: January 25th, 2006 at 7:27 pm

    Great intro­duc­tion. It’s funny though, because just yes­ter­day I was think­ing about this. I am also look­ing for­ward to this series.

  5. Dan Mall said on: January 25th, 2006 at 7:27 pm

    I like the ser­i­ous­ness that you’re approach­ing this series with. Keep bring­ing the melodrama!

  6. Nik Steffen said on: January 25th, 2006 at 8:07 pm

    Sounds like a great Series. I am look­ing dor­ward to it.

  7. Ben Armstrong said on: January 25th, 2006 at 10:41 pm

    This prom­ises to be a series worth read­ing. We will all be back for tomorrow’s installment.

  8. Rick Holmes said on: January 26th, 2006 at 12:22 am

    Typo­graphy has suffered since the intro­duc­tion of com­pu­ter­ized type­set­ting. Remem­ber when kern­ing was “dis­covered” by design­ers in the early 80’s? It seemed that every other magazine ad had type so squeezed together you couldn’t read it. Just so they could make the type size larger. 

    It’s only rel­at­ively recently that type is start­ing to look as good as old-fashioned foundry type (or Mono­type) set by someone with some exper­i­ence. Mod­ern soft­ware has elim­in­ated enough of the need for tech­nical know­ledge to allow design­ers to do their thing without too much trouble. Any­one remem­ber Com­pu­graphic? (A pion­eer in “pho­to­type­set­ting” here in the US.)

    I look for­ward to your series.

  9. Steve Williams said on: January 26th, 2006 at 12:22 am

    Can’t wait, bring it on!

  10. Tim Huegdon said on: January 26th, 2006 at 9:56 am

    Can’t wait Mark. 

    As a designer and developer eager to learn about type, I’ve been read­ing your blog since the “5 Steps To Bet­ter Typography”.

    It still amazes me that so many design­ers out there have very little know­ledge as regards type so, good job and keep up the good work!

  11. Kev Mears said on: January 26th, 2006 at 11:27 am

    Look­ing for­ward to this one Mark. 

    You make a per­tin­ent com­ment about the choose it then use it, attitude. 

    For a while now I’ve been intend­ing to reduce the amount of fonts I have and use the ones left better. 

    So teach me!

  12. Katie said on: January 26th, 2006 at 3:53 pm

    I’ve been a big fol­lower of your Simple Steps series, and I really can­nnot wait for this one :)

  • Me

    Hello. My name is Mark Boulton. I’m a designer, an author, a speaker and I run a small design agency where we work with lovely cli­ents and pub­lish books as we go. This is my blog.

  • More of me

  • Publications

    Design­ing for the Web
    Start­ing from £19 + VAT for a PDF Down­load. £29 for a full col­our paperback.
  • Where I work

    Mark Boulton Design
    A small design stu­dio doing good things for nice clients.
    Five Simple Steps
    Pub­lish­ing easy to read design books.
  • See me speak

    @Media 2010
    June 8th — 11th, Lon­don, UK.
    Drupal­Con 2010
    August 23th — 27th, Copen­ha­gen, Denmark.
    dCon­struct 2010: Design 1010 workshop
    Septem­ber 1st, Brighton, UK.
    Web­d­a­gene
    Septem­ber 29th — Octo­ber 1st, Oslo, Norway
    Web Developers Conference
    Octo­ber 27th, Bris­tol, UK.
    New Adven­tures in Web Design
    Janu­ary 20th 2011, Not­ting­ham, UK.
  • Copyright © 1999–2010 Mark Boulton. Made with an Apple Mac in Wales. Running on WordPress and VPS.net.