I Love Typography

Newzald: From Moleskine to Market

By Kris Sowersby

In this article I will attempt to illustrate my design process—from typeface concept to a marketable font. Not many folks are willing to write about this. Perhaps they find it boring, irrelevant or just a little bit personal. I suspect it is a mix of all the above.

I’ll try to remain as concise as possible. Some of the individual steps can be a lot more complex and involved than they seem. I’ll try not to gloss over too many things. One thing is certain, typeface design is a long, involved process with many hours of seemingly endless tedium.

1) Purpose. What is this for?

newzald, fleischmann, rosart, plantin

The first thing to decide is the purpose of the typeface. What will it do? Who will use it? How will it feel on the page? When I started Newzald I was in the middle of designing Feijoa, and I decided that I wanted a serif typeface that was serious without being cold, something useful and pragmatic. A typeface for publication environments, like magazines and newspapers. I looked at typefaces from masters like J.H. Fleischmann & J.F. Rosart to see what they had done. I studied Monotype Plantin for these same reasons. I liked their pragmatic style, they were relatively economic and sturdy. I was adamant that Newzald wasn’t going to be a specific revival, this has been covered by other excellent designers. The typeface must be contemporary and fit for the modern typographic environment.

2) The first sketches

Newzald first sketches

Bearing these things in mind I made some rough sketches. These are almost like caricatures of what I ended up drawing in Fontlab—they exaggerate the details that I thought would be desirable. Starting with the n, a, g, p, is fairly typical for me; they pretty much determine what the rest of the lowercase will look like. I always start with the roman lowercase as it’s what we read the most and I find it more interesting than capitals!

3) Firing up FontLab

Fontlab is the only application that I use for drawing and spacing letterforms. It’s by no means an amazing application, but type designers are more-or-less stuck for choice and it gets the job done. I can’t remember exactly what order I drew Newzald, so I’ll relate my normal process. I always start by drawing the n. It defines the stems, serifs, contrast and relative widths for everything else. Once the n is done, it’s pretty easy to to make i, m, h, l, u, r. When these are sorted I’ll do the o and b, then a, v, g, s, e. This is usually enough to get an idea for how the rest of the lowercase will feel. I’ll then generate a font file and print out a load of test words at various point sizes to get a clear idea of what is happening. The test words are generated with Tim Ahrens’ Just Another Test Text Generator, a truly useful bit of programming that I use almost every day.

4) Looking at the lasers

newzald-first-print.gif

Print tests are done at all stages in production. To be clear, the only place that a text face should be judged is on paper. I will never make a change on screen without checking first what it is like in print. Offset printing is ideal to check, but mostly laser prints will suffice. I am lucky enough to have clients who don’t mind me using in-progress typefaces. My good mates at Experimenta do a bit of work with these in-progress typefaces as well. I check everything on paper, from the stroke widths and spacing to the overall colour of the text block, all at various point sizes.

newzald experimenta

5) Adding a bit more

newzald-printed-proofs.gif

When I’m happy with how the lowercase is looking, I’ll add a few capitals. H and O are the standards, then I, V and P. The rest are added as I go, but usually HAMBURGEFONTSIV is enough for testing. Basic punctuation is also added at this stage. It is all printed, checked, and marked for correction as necessary. The numerals are drawn and hopefully the full upper and lowercase are ready to test. I will not proceed until I am totally happy with the upper and lowercase; otherwise it will only cause problems down the track.

6) Balancing the white

It took me a while to understand that a typeface is the harmony of black & white. It’s like that old saying by Lao Zi:

Thirty spokes unite at the single hub;
It is the empty space which makes the wheel useful.
Mold clay to form a bowl;
It is the empty space which makes the bowl useful.
Cut out windows and doors;
It is the empty space which makes the room useful.

newzald-spacing-proof.gif

In terms of letterforms, you can’t have the black without the white. It is the tension and contrast of the ‘foreground’ and ‘background’ that gives us the letter, the word, the sentence, the paragraph and ultimately the understanding of what the author has written. Without digging too deeply into this, getting the balance of black & white correct in a typeface will make it sing. So when I’m drawing the letterforms, it is not only the black that I’m looking at, it is also the white. Both inside the letter (counters) and outside the letter are considered. Getting the spacing right is one of the hardest parts. The trickier combinations are dealt to with ligatures and kerning, but that comes later. A practical example of the black and white balance is spacing. This is the default amount of space on either side of a letter—their sidebearings. In the lowercase the standards are n and o; in the uppercase they are H and O. Once the sidebearings of the standards have been set, every corresponding letter is put between them and checked in print. The goal is perfect texture at a given point size. In the case of Newzald, it is 8-14 point. Typically the smaller the size, the looser the sidebearings.

7) Fleshing out the character set

newzald-punctuation-symbols.gif

Now that the upper and lowercase are done, the numerals are good and the punctuation is doing what it should, it is time to start adding everything else. This is usually Small Caps, accented characters, superiors, fractions, currency symbols, ligatures and all the other things that make up the desired character set. The Book weight of Newzald, for example, has 998 glyphs per style. They all have to be drawn, checked against the standards, tested and marked for correction if necessary.

8) The extended family

newzald-italic-sketches.gif

It is a good idea to decide exactly how many weights and styles will be generated. I wanted Newzald to have four weights: Book, Medium, Bold and Black all with matching Italics and Small Caps. These days it isn’t necessary to slave over every weight, thank goodness! Most developers use Multiple Master (MM) technology to generate intermediate weights. Some use the wonderful Superpolator, which is extremely powerful and far exceeds the limitations of FontLab’s MM tech. In a nutshell, MM enables a designer to take two (or more) weights of a typeface and ‘automagically’ spit out intermediate weights. The animation below is from Superpolator (click to play), and shows the intermediate possibilities from the Book weight to the Black weight. Even though this technology makes things a bit easier, every instance that is generated still has to be thoroughly checked for errors.

9) The joys of kerning

newzald-kerning-proof-01.gif

Everybody talks about it, but unless you’ve actually gone through the process of kerning a typeface then you have no real idea of what is involved. It’s dead boring, but essential! Kerning, put simply, is the art of adding or subtracting space between pairs of letters. This is the very last thing that I do in the design process—everything should be checked and finished before this happens. Kerning is done for the sake of perfect texture, as mentioned above. I kern in an application called Metrics Machine, developed by the inimitable Tal Leming. It makes the whole ordeal much more tolerable. Thanks Tal! After going through and kerning a whole heap of letter combinations on the screen, I’ll generate the font file and throw it into an InDesign document. The InDesign document is basically one big text file, with almost every letter combination that is necessary to check. I print this out and go over it with a fine tooth pen. There are about 60 pages per style to check, containing about 53,000 characters. The corrections are fed back into Metrics Machine, a new font file generated and the fun begins all over again. I typically do about three rounds of kerning proofs. Christian Schwartz once commented, “the last stage of proofing is like pulling teeth”. I’d have to agree.

newzald-kerning-proof-02.gif

10) The master blaster

newzald-fl-otpanel.gif

It took around six hours to master Newzald. Mastering is the step of taking a typeface and making it into a working font, and then making sure it does what it is supposed to in as many common situations as possible. This is the part that I can’t do myself. Chester at Village masters all of the KLIM releases. Amongst other things, he makes sure that all the names are correct so they sort properly in application menus and don’t conflict. He checks that the OpenType features work and embeds all the relevant information into the font file. And, crucially, Chester tests the font file across Mac and PC operating systems in many popular application suites. The last thing we want is for a user to license a font that doesn’t work!

12) Opening up the store

newzald-village.gif

The last few steps involve marketing and sales. I prepare the KLIM website and create a PDF specimen. Chester prepares the Village website by creating new pages, adding the font files to the server and making sure that the purchasing process is secure and working. He’ll also upload the Village Newzald PDF specimen designed by his wife, Tracy. (They make a hell of a team!) All up, it took them around 30 hours to prepare Newzald for release.

13) Release! Relief?

Chester will send an announcement email to his list and I’ll flick a few to my mates and interested parties. He will also places ads in a range of leading graphic design magazines. Phew—all done! I’m not sure of the total time spent on Newzald, but I notice that my second printout is dated 1 May, 2006, and Chester sent out the email on 28 February, 2008. Perhaps I started sketching a few weeks before May? Anyway, it is a relief to get it finished up and to see an end to all that hard work.

14) The tools of the trade

There are many tools that one can use for designing typefaces, from FontLab macros to full-blown applications. Some clever folks even write their own programs. As well as a bunch of scripts and macros, I currently use the following applications: FontLab, TextMate, InDesign, the Adobe FDK, Preview/Acrobat, Superpolator, Prepolator, AccentBuilder and MetricsMachine.

16) About the name

newzald-name.gif

Loads of folks ask about naming typefaces. There are a few theories on the best way to go about christening a typeface, but I can only vouch for my own. Here are a few things I consider. The name should look good when set in the typeface, and ideally have a few ‘money glyphs’ in there—like a, n or g. The name should be relatively easy to pronounce and spell. But most importantly, it has to ‘feel’ right, the name has to suit the nature of the letterforms. By the way, the name ‘Newzald’ came about years ago, when I was still a student. I needed to know which letters were in ‘NEW ZEALAND’, and, in order, they are N E W Z A L D. (I won’t show you what the very first Newzald looked like, it’s kind of embarrassing!) I tend to name my typeface right at the beginning, and most of the time the names stick.

[Kris Sowersby is director of the KLIM Type Foundry.]
Subscribe to ilovetypography.com


Tags:       

  1. Wow, Kris, you’ve really done a fantastic job on this. It’s great to see the process from start to finish. Congratulations on a well written article, and a beautiful typeface!

    (Also, love the village style header, haha!)

    Speaking of village, my mother works out at the gym with the mother of someone who works there, I can’t recall the name, but I believe he originally ran Thirstype.

    By the way, am I correct in assuming the foundry takes a cut of the font’s sales? How much do you usually stand to make? (if you don’t mind me asking)

    Thanks!

  2. Wow! Thanks so much for sharing your process, Kris. Newzald is beautiful.

    I looked around Tal’s sites a bit, but couldn’t find Metrics Machine. Is it not available for public consumption? I wouldn’t mind having another option rather than FontLab (much as I appreciate FontLab) for kerning.

  3. Thank you so much Kris for sharing your design details with the newzald. Great name explanation ;-). Thank you and good luck.

  4. A fantastic insight in to your work, Kris. Processes of art and engineering can sometimes difficult to explain. It must be curious to see two years of work condensed in to sixteen sections of prose. You’ve done a great job of both; thanks!

  5. Solid article! Thanks for sharing the fine details of the process. Never any time wasted reading here at ILT.

  6. Burke

    Fantastic article and face!

  7. wow really amazing article.

    thanks for posting this.

  8. Faye

    I love it, Kris, Newzald is beautiful! Thank you for sharing your process, I like reading about the designer’s process, this is why I come here and donate every month, it’s so worth it.

  9. Please, tell lamma, what’s the programm on use?
    http://ilovetypography.com/img/newzald-fl-otpanel.gif

    Type is great. I love it.

  10. Excellent article! Beautiful font.
    I especially covet the question mark.

  11. Leigh

    Wow! Great article! Very informative. It’s interesting to see how the professionals do it.

    Leigh

  12. I love that font. It’s a nice, crisp serif.

    (And I really like your real handwriting!)

  13. And here I was thinking it was named after the way we spik in New Zald.

  14. Wow I didn’t know it was that involved! Especially the simplest (i say simplest!) of things like kerning!

  15. I’m going to join in this love-fest, Kris, and applaud you on an article excellently written. Great insight into the type design process, a lot of which is unknown to me.

  16. Wow! fantastic article, perfect balance of “you can too” and “this is what you’re in for” thanks a ton!

  17. Hi, Great Work!
    And Thank you for sharing this with us.
    I have linked to your article from my blog.

  18. Leon Di Stefano

    Thanks very much. It’s a perspective most of us plebs of the design world don’t often see. Thanks for a wonderfully engaging post.

  19. This is one of the most comprehensive, elaborate articles I’ve ever read about type design and type production. Bravo Kris! Thank you very much for sharing this precious information.

  20. Tama

    Nice work bro!

  21. I don’t have much to say that hasn’t already been said, but thanks for the very interesting article Kris! I especially enjoyed seeing the little sketches that were posted.

  22. miha

    Very nice insight in process of type design, which is always something special! And also congratulations for TDC award.

    Oh, and there is a code for OpenType. Just a thought: there should be a GUI for assigning OT features to glyphs!

  23. Oliver

    Phenomenal article. Very very interesting. I loved every section. Thanks!

  24. Brilliant post, thank you for sharing!

  25. Absolutely huge article, this probably has to be my favorite from iLT.
    So much insight, so much documentation!

    Hey Kris, after you finally finish a font… do you have to buy a new printer? Haha!

  26. cool font.

    (^_^)v

  27. Wow. What else can be said that hasn’t been expressed yet by others. Kris, you deserve a monument in your honour that ought to be erected at the future iLT TypeCamp for being the masterful type designer and generous soul.

    John, you were right with your predictions and warnings not to miss this Wednesday. Unfortunately I couldn’t take a day off, and was forced to cutting down a few precious hours I have left for sleep. But it was well worth it. ;-)

  28. Almost better than watching a movie! Thank you, Kris (and thanks to John for dragging you in)!

  29. Steven

    Thank you Kris for posting on this. I am a student getting ready to create my first typeface, this helps a great deal.

  30. Andrew Meyer

    Hot Damn!

    Great article. I’m a young designer with aspirations of (someday, probably far off) designing typefaces. This article was really fascinating and even inspiring. Thanks.

    P.S. I love I love typography because I, too, love typography.

  31. TypoJunkie

    Thanks to John and Kris; it was well worth the wait.

    Very nice links to Kris’s design–life; useful too!

    “The joys of kerning”… They drove me away from type design.

    I agree with Cody: This has to be my favorite post so far (although there are many close seconds).

    See you on Sunday!

  32. Comprehensive article. Awesome! Thanks.

  33. Kris — I am more and more impressed with your talent, and with your generosity of spirit. Nice article; well done. Pretty much all familiar to me, but it was somehow still interesting (with images!) and reassuring to see it distilled and written down.

    And congratulations on finishing up Newzald. Now I don’t have to work out that Fleischmann/Rosart idea I’d been playing with. I tell you, if I wait long enough, I won’t have to follow through on any of my ideas: you will have done them all for me. ;-)

    — Kent.

  34. Wow really nice article. It’s really nice to see the entire thought process when designing a typeface. Thanks a bunch Kris.

  35. Marianne

    Great post! Thanks a lot!

  36. Tim

    Awesome article, thanks very much. I’ve been coveting Newzald for a while now, it will be mine, oh yes…

    Also, I thought the name was a mocking of our kiwi accent!

  37. Zeroc

    Just out of curiosity, is kerning turned on in the specimen?

  38. Newzald: looks a lot like swift!

  39. Wow, very nice job!

  40. Fabulous writeup. I hope this helps others have some appreciation for the painstaking process typeface designers have to go through!

  41. Although you should say there are more than enough people commenting on this great piece of work, I simply cannot resist in doing the same. I love te writeup, but are more fascinated by the beauty of the font.

    Aimed at the process, you hardly take any credit for it!

  42. Impressive work and great article!
    It makes one realise why good font packages are (usually) not free!

  43. Thank you all for your kind comments! I just hope that it has been worth your while to read a relatively long post. Now, to address individual questions.

    Hamish M—The foundry does take a cut of the sales. I’m not at liberty to divulge what I stand to make, sorry.

    Punch—The ‘programm’ in use is FontLab’s OpenType panel.

    Hadley & Tim—I would never mock our beautiful lilt!

    Miha—Perhaps you could email the FontLab crew with your GUI suggestion?

    Cody—I don’t need a new printer, just toner & paper ;-)

    Kent—Thank you. It means a lot to me.

    Zeroc—Which specimen are you talking about? Perhaps you could email me and point out what you mean.

    Sam—I’m rather flattered that you’d compare Newzald to Swift. However, I cannot agree that it looks anything like it. Maybe you are thinking of something else? Nice work BTW! Your devotion to Helvetica (or is it Arial?) is admirable.

  44. With the amount of black you print, I wouldn’t be surprised if you went through 3 carts of toner per typeface =P

    Keep up the great stuff!

  45. Kristarella said it…

    It makes one realise why good font packages are (usually) not free!

    Wow. I’ve often thought I’d enjoy designing a font; thanks for swaying my opinion once and for all (I wouldn’t!).

  46. I guess it’s time that I said something: a big thank you to Kris for a wonderful article, and thanks to all those who have read and commented.

    Sam
    Swift is one of my favourite typefaces, and I think I know it pretty well. However, I really don’t see the similarity. Swift and Newzald are both fine typefaces, but in their design they are quite different.

  47. Alec mentioned Metrics Machine already in the second comment. I’ve been looking for it also. I e-mailed Tal Leming a week ago, but I haven’t had an answer yet.

    Does anyone no more about this Metrics Machine?

  48. Impressive work

  1. Creation of a New Font—Mar 12, 2008

previous post: Sunday Type: illegible type

next post: Sunday Type: monday type

November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts January Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts december Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts May Fonts April Fonts March 2011 Fonts February 2011 Fonts January 2011 Fonts December 2010 Fonts November 2010 Fonts October 2010 Fonts September 2010 Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February 2010 featured fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts November Fonts October Fonts September Fonts August Fonts July Fonts June Fonts May Fonts April Fonts March Fonts February Fonts January Fonts December Fonts