/ log / 15th Oct, 2008 /

Flipped Types

Typesetting-Printing Office. Digital ID: 1152640. New York Public Library

Sometimes, flipping things around can be a useful mental exercise. It can raise a wry smile. An idle comparison between print and web typography was one of those times.

Imagine this: A client gives you a detailed brief and the content to go with it. You choose the type and design the layout, applying all of your craft and skill to every last detail of the work. With the help of a rendering expert, you specify precisely what device, screen, operating system, colour profile and browser the finished work will be viewed with. You test your work in that environment and make necessary adjustments. It’s distributed to the audience who see it exactly as you expect. That’s print typography.

Now imagine this: A client gives you a detailed brief and the content to go with it. You choose the type and design the layout, applying all of your craft and skill to every last detail of the work. Two files are given to the audience: one with content, the other with detailed design instructions. They pass both files to their printer. The instructions ask for a specific typeface to be used. The printer may or may not have it, but will never tell anyone, so you specify a few alternatives, just in case. The audience chooses the kind of paper to use, and what size it will be. They also tell the printer what personal preferences they want applied to the design, like making the text size smaller or larger. Your work is printed for them. You never see it. You’ve already resigned yourself to the fact that it will look different for different people. By testing your work in a broad range of environments before you sent it to the printer, you’d like to believe it will look good for most people, and adjust itself gracefully. Not to worry though, someone will probably tell you in no uncertain terms if you get it wrong. That’s web typography.

Image courtesy of the New York Public Library digital gallery, entitled Typesetting-Printing Office from Working with the hands : being a sequel to ‘Up from slavery’, covering the author’s experiences in industrial training at Tuskegee (1904) by Booker T. Washington.

Share

Browse More Articles

8 Comments

  1. 1. By Harry Roberts on 15th Oct ’08 at 12:38pm

    Brilliant analogy. Shame it’s 100% accurate…

  2. 2. By ben on 15th Oct ’08 at 13:00pm

    Um, 90% accurate.

    In thirteen years, I’ve never once gotten the content with the brief. In fact, I can only think of a few projects in which there weren’t at least a few spots of frayed, half-assed content when they went into production.

    Just sayin'.

  3. 3. By miha on 15th Oct ’08 at 19:35pm

    That is why I like Flash so much, I can even set how exactly type looks (with Saffron rendering). Too bad it has other disadvantages…

    btw, you have a gorgeous site.

  4. 4. By captain on 16th Oct ’08 at 11:33am

    Heh yeah that’s why flash rocks, also flash 10 player have even better typo with support of ligatures etc. That’s one of the reason why i’ll switch to flash in 2009 for simple sites.

  5. 5. By Dušan Smolnikar on 16th Oct ’08 at 18:06pm

    I don’t think Jon wrote this as a rant. At least I didn’t understand it in such a way, but it seems some of the commentators did.

    And I think this is one great thing about html, which Flash doesn’t have. Why would you want to feed the same design to everyone? Why wouldn’t you allow the user to chose, isn’t this what it’s all about? We have different needs after all. If I want a bigger font, due to my bad eyesight, let me have it. I can’t see colours, let me see it in black & white. If I don’t want to read font in Comic Sans, because I don’t like it, let me use Verdana instead. If I don’t want to see a page fullscreen, because I have other things on my display, why force me to?

    Don’t want to offend anyone with my comment, just felt like sharing a different view. Great Metaphor, Jon. I’ll make sure to share the link with as much web developers as I can. And by the way, I really adore your website design.

  6. 6. By miha on 17th Oct ’08 at 07:58am

    Yes, in a way you are right. We should use positive sides of web medium, which are impossible in print. In fact, you can also make GUI in Flash for changing font size, or make it accessible, but it’s rarely done. And after all it is just a proprietary technology, breaking current standards.

    It is just that HTML (implementation) is still far from perfect (at least in typographic view). Even on this site, there are fake Small Caps…

  7. 7. By Leon Paternoster on 17th Oct ’08 at 21:33pm

    It’s what makes web typography, and writing web texts, interesting. I guess the constraints must be frustrating for people coming from and/or working in print.

    Flash is not really web design, is it? It’s just putting posters and movies on the computer screen. Real web design is based on text. Also, doesn’t Firefox support ligatures?

  8. Jon 陳’s profile 8. By Jon 陳 on 22nd Oct ’08 at 10:19am

    Thanks Miha and Dušan, much appreciated! Just to be clear, this entry was not intended to make an argument for using Flash, although I can see why that might be a natural leap of thought.

    Flash and other diversions from HTML / CSS might even contribute motivation for OS and UA developers (and spec writers) to improve web typography with better glyph rendering, existing CSS support, and future recommendations for typographic rules. Web typography should be as sophisticated as print, and surpass it as a component of usability with the adaptive sensibilities of Dušan and Leon applied by default.

Comments for this entry are closed.

Lately in the Log

  1. We, Who Are Web Designers Mon, 19th Sep 2011 {55}

    In 2003, my wife Lowri and I went to a christening party. We were friends…

  2. Ampersand, the Aftermath Wed, 22nd Jun 2011 {1}

    The first Ampersand web typography conference took place in Brighton last…

  3. Design Festival, The Setup, and Upcoming Posts Mon, 20th Jun 2011 {0}

    Wow, this has been a busy period. I’m just back from the Ampersand…

  4. Web Design as Narrative Architecture Wed, 30th Mar 2011 {9}

    Stories are everywhere. When they don’t exist we make up the…

  5. Ides of March Tue, 15th Mar 2011 {4}

    My friend and colleague, Chris, has shared a spiffing idea, the Ideas of…

  6. 2010 in Retrospect Wed, 29th Dec 2010 {7}

    Analog, Mapalong, more tries at trans-Atlantic sleep, Cuba, Fontdeck, and…

Remarks from the log

  1. By Nin Armangué Braun in We, Who Are Web Designers:

    This work is about research. It is like being a scientist and being asked about what you’ve discovered. You can…

  2. By Mustafiz Rana in The Paragraph in Web Typography & Design:

    Paragraphs and puntuation are discussed in great detail.Thanks for this useful read.

  3. By Ben Peachey in We, Who Are Web Designers:

    I usually go with “I’m a Kick-Ass Web Developer”. I even have it on my linkedin profile. Having…

  4. By Tom Cooney in We, Who Are Web Designers:

    I work freelance from a small home studio in the middle of rural France. You should see the looks I get when I say…

  5. By Chris Jokinen in We, Who Are Web Designers:

    My common response to the, “What do you do”, question has been: I’m a web-based programmer with a…

  6. By Jack in We, Who Are Web Designers:

    My god but did I need to read this. I just nearly heard dramatic music fading in, in the background too. Yeah, the…

People and XFN

Analog folks:

  1. Alan Colville

  2. Andrei Zmievski

  3. Chris Shiflett

  4. Jon Gibbins

Friends, colleagues, and authors with interesting voices:

  1. Ben Ramsey

  2. Dan Mall

  3. Denna Jones

  4. Ed Finkler

  5. Elizabeth Naramore

  6. Elliot Jay Stocks

  7. John D. Boardley

  8. Helgi Þormar Þorbjörnsson

  9. Joe Leech

  10. Jos Buivenga

  11. Kester Limb

  12. Nicola Pressi

  13. Patrick H. Lauke

  14. Piotr Fedorczyk

  15. Richard Rutter

  16. Rick Hurst

  17. Sean Coates

  18. Simon Pascal Klein

  19. Terry Chay

Work with me via ~ Analog ~ a creative consortium.