Notes

April’s Font of the Month: Job Clarendon Narrow

In my career, most font development hold-ups were borne of indecisiveness. I wasn’t sure how to move forward, so I just…didn’t. Job Clarendon, my collaborative effort with Bethany Heck to reinterpret the 19th-century style as a flexible contemporary family, has been quietly growing over the past couple years. But I’ve kinda put the brakes on releasing most of the new styles.

Here’s what has been bugging me: In the majority of the published family, the typically-round letters (C, G, O, etc) have straight sides. But in March 2021, we introduced Bold–Black weights where those sides go completely round, and last year we doubled-down on those round sides in the wider Job Clarendon Text. But in the interpolated styles, this roundness has started to trickle in from the wider, bolder corner.

I call this the “pee in the pool” problem. If I introduce a new design element into just one section of the space, it will begin to seep into the rest of the family and affect it in unexpected (and often undesirable) ways.

This month, I’m sending you Job Clarendon Narrow, a series that should have been a very straightforward interpolation because it’s situated smack in the middle of things that were already complete. But because it sits awkwardly on the fault line between straight sides and round sides, it ended up requiring a bit more TLC than either Bethany or I expected.

Clarendons look good when they’re confidently straight-sided, and they look good when they’re confidently round—there’s plenty of historical precedent for both. But the midpoint, between straight and round, feels a bit indecisive, and I don’t know of many Clarendons that have attempted to bridge the gap. Craw Clarendon Condensed is great, but it’s essentially a squished-down version of the normal width with completely round sides, and no hint of straight-sidedness.

For Job Clarendon, we could have done what most Clarendon families do and simply avoided this width altogether. Or we could have engineered the font with a tipping point where straight forms would magically snap into round forms, bypassing the awkward moment of transition between the two. 

But Bethany and I decided that maybe this is not the pee-in-the-pool problem we thought it was. We wondered if we could add additional drawings in the middle of the space to help manage the straight-to-round transition as elegantly as possible. Ultimately, we went with our guts about how much roundness felt right for each weight from Hairline to Black, trying to preserve some of the rigidity and wooden-ness of the original Condensed styles.

For example, below you can see a spectrum from straight-sided to round options, and where we landed for the Regular weight marked in pink:

Still, I’m excited to hear what you think of this addition! And honestly, I’m equally as excited just to be on the other side of this decision. This was the pain point that was holding us back from incorporating Job Clarendon’s wider widths into the larger designspace, which is the next item on our to-do list.

March’s Font of the Month: Indoor Kid Lowercase

One year ago, I sent you my first draft of Indoor Kid, the collaboration I have been working on with comics writer/editor/publisher Ellis Bojar. It attempts to fulfill his vision for an expansive designspace in the comic book lettering style: variable axes for weight, width, and slant, plus a special emphasis axis that enlarges letterforms from their vertical center without affecting the stroke weight. 

It has been so rewarding to see uses of Indoor Kid pop up over the past year, most recently in the latest run of DC’s Harley Quinn lettered by Lucas Gattoni. That gave me some momentum to dive back into the font, and now Indoor Kid is back with a shiny new lowercase!

Traditionally-speaking, lettering in American comics is all-caps. Various explanations are offered for this convention—due to the lack of ascenders and descenders, capitals appear larger, require fewer alignments, and allow lines to be packed closer together. There’s also an argument that distinctive shapes of capital letters can withstand the poor print quality of early comics far better than the repetitive gestures of lowercase would.

Ellis first remembers seeing mixed-case text in Kevin Nowlan’s expressively angular lettering from Moonshadow, as well as in underground comics like Art Spiegelman’s Maus. In Maus, it is frequently used to set the narration apart from the dialog, and there is similar precedent for using lowercase in captions, whispers, and gasps.

In 1987, Todd Klein used mixed case to set apart journal entries in Batman: Year One, which Ellis considers a turning point for the style in mainstream American comic books. Wider adoption of the style followed in the ’90s, culminating in the use of lowercase throughout Marvel Knights after 1998, with lettering contributions from Richard Starkings and John Roshell of Comicraft Fonts fame.

In keeping with Ellis’s love of the pre-digital era of comic books, Indoor Kid’s lowercase is a blend of the above influences, and more. It strives for a middle ground between the angular, handwritten captions of Willie Schubert and the rounder, looser style of John Workman’s oeuvre. We attempted to mitigate the small size and repetitiveness of the lowercase with a large x-height and a fair amount of dynamic asymmetry in the gestures—for example, see how triangular the counterforms of b/d/p/q get!

We spent a lot of time in the Bold Condensed corner of the designspace, where the smaller shapes of the lowercase tend to get a bit closed in. A physical pen would produce the same stroke thickness in both uppercase and lowercase, but after some debate we introduced some optical correction so that the counterforms in the a, e, and s didn’t alter the typographic color too much.

In theory a typeface is an orderly system of rules, but in the end it is really just a bunch of individual drawings that happen to look good together. With 24 sources anchoring the designspace and three variants per letter to give text a bit of bounce, I feel the entropy in this system more than in any of my other typefaces. Again I must credit the LTTR/INK tool for doing much of the work that a pen would do in the physical world, enabling me to think less about shapes and more about the skeletal structure of the letters.

The other thing that helped me was working with Ellis. Being able to lean on his judgement freed me from having to interrogate my own vision about what this typeface should be. It is a relief to only worry about what one person thinks, rather than about what everybody thinks!

There is always more kerning and cleanup to do, and Ellis really wants me to try a reverse italic next, just in case the designspace wasn’t big enough. 😜 But my hope is that Indoor Kid is on its way to a full retail release within the year!

February’s Font of the Month: ECWC Standard & Slight Chance

Watching the first cable TV weather channel in Winnipeg, Canada, was a very analog experience—Videon Cablesystems simply pointed a black-and-white camera at the dials on the machines at the local weather station. Viewers would sometimes tune in and see insects crawling on the equipment!

But in 1975 (fifty years ago!) Videon replaced this antiquated approach with an entirely digital weather readout, developed in collaboration with Environment Canada, which they claimed was the first of its kind in the country. 

The layout was designed by Gary Krushen, an engineer at Videon, and featured a condensed, monospaced all-caps sans serif set against a blue or reddish-brown background, with green bands above and below. Shortly after, Winnipeg’s other cable company, Greater Winnipeg Cablevision, got in on Gary’s idea, and offered a similar service for their subscribers. It was based on the same basic design, but ran on different hardware and employed a thinner, more angular font than the original.

Last year, I was contacted by Matt Hadden and Mark J. Szymanski, weather channel enthusiasts who maintain an Environment Canada Weather Channel simulator that livestreams the current weather conditions in the style of the channel as it appeared in the 1990s. Since launching the livestream in 2021, they have reached thousands of viewers who fondly remember having the channel on in the background of their daily lives. “From what I'm seeing in the chat,” Matt says, “it’s bringing back a lot of nostalgia for a huge range of age groups. I see people in their 40s all the way up to their 70s/80s giving their stories and memories about the original channel.”

Matt and Mark couldn’t find any specifics about the make and model of the computer that was running at the time, or who might have produced the fonts that were available on that system. But they knew one thing: getting the font right was a key factor in capturing the precise look they know and love.

We presume that the original fonts were bitmap fonts, but opted to render the letterforms as horizontal bands, capturing a bit of the scanline edges that you might have seen on a CRT television set from the era. At the same time, we tried to avoid going too far down the retro rabbit hole—recordings like the image up top also show the deterioration of a decades-old VHS tape, but our goal was to have the type appear as crisp and fresh as it would have looked in the 90s on a new-ish TV with a clear signal.

Aside from that one interpretive choice, I tried to provide them with as faithful a revival as I could. I worked with the limited character set of the original, and preserved details such as the subtle asymmetry of O and A, the serif on the crossbar of G, and a 3 that looks more like a Cyrillic Э.

Matt and Mark are now using the new font, called ECWC Standard, in their livestream. And in keeping with the rest of their codebase, I made it available on GitHub under an open source license.

But wait…there’s more! After sending my revival to Matt and Mark, I couldn’t shake the feeling that there was more I could do with this incredible source material, so I undertook a freer interpretation of the design. In a nod to the weather reporting phrasebook, I’ve named it Slight Chance.

No longer worried about 100% fidelity to the original, I built out the design to my usual character set, made monospaced and proportional versions, and invented an accompanying lowercase for the design. 

I set aside the scanlines approach and explore different ways that I could evoke the worn, slightly-degraded texture of the letterforms as they endured cable transmissions and cathode ray tubes. I arrived at a design system that contrasts gummy, amorphous interior shapes with a harder-edged, octagonal exterior. In a weird way, it’s a distant cousin to the chamfered Grecian style of wood types.

Oh, and if you noticed that the text at the top and bottom of the simulator uses an entirely separate font with small caps, then you have an idea on where the design can possibly go from here!

January’s Font of the Month: More Ottavio!

As promised, here I am at the end of January with some new lighter weights for Ottavio! Thank you again for your patience as I worked to get caught up to my usual schedule.

I’ll keep this one quick. In the two weeks since I wrote you last, it dawned on me that I might be doing this thing I tend to do, where I make a font that sits in the valley between Display and Text. Ottavio’s namesake won the Tour de France, but should the font be a sprinter or a long-distance cyclist? Was I selling Ottavio short if I didn’t at least take a stab at optimizing it for extended text?

So I did another thing I tend to do a lot: I fired up Type-X and started using the font everywhere in my daily life...my email, my browser, notes to myself, you name it! (And yes, I styled my links as small caps, an homage to Practical Typography.)

As I used the font, I started tweaking the letter-spacing and font-weight directly in the browser until it started to feel more like something I would actually want to read. From there, I could move to my font editor and apply those changes more thoughtfully. 

Ottavio’s original Regular weight felt too heavy and too tightly-spaced at text sizes. Fortunately, now that I have an ExtraLight pole to interpolate from, it was no problem to lighten the Regular by 7% and recalibrate the rest of the weights to follow.

I liked that Ottavio’s diagonal axis and thick/thin contrast really shine through in the new Light and Extra Light weights. But, it made the Bold I did recently feel low-contrast by comparison. I didn’t want heavier weights clogging up at small sizes anyway, so I also also added a bit of contrast to the Bold and Extra Bold, on top of the weight change.

I know this month’s offering is just a small update, but I hope it is at least a little interesting to see how these minute changes add up to meaningful design enhancements.

December’s Font of the Month: Ottavio Bold and Italics

Last July I shared the story of Ottavio Bottecchia, two-time winner of the Tour de France. I loved the response from the cycling enthusiasts among you, seeing photos of your Bottecchia brand bicycles, and hearing about your excitement for the sport and Bottecchia himself.

Bottecchia won his yellow jerseys in 1924 and 1925, which means we are now entering the second year of the centennial celebration of his achievement. So I figured it was a good time to keep things rolling with Ottavio, the font I designed for his great-granddaughter, Caterina Piatti. After all, a typeface inspired by family should be available as a family!

In this update (Ottavio v0.2), I’ve added three new weights (Medium, Bold, and ExtraBold), small caps, and Italics. The immediate reason for this expansion is to give Caterina more to work with in her designs commemorating the anniversary. But I also wanted to use this opportunity to feel out this design, put it through the paces, and see how Ottavio’s loose, dynamic shapes react to being emboldened or italicized.

It’s tricky to find the perfect moment to expand a single style into a family. On one hand, I want to keep things small and agile for as long as I can, so I can make changes quickly and easily and firm up the core design before blowing it up into thousands of glyphs across multiple variants—I know all too well the feeling of inertia that can set in once a family gets big and every small change becomes a heavy lift.

On the other hand, I know how instructive the experience of drawing a bold or italic can be (small caps maybe not so much 🙃). Moving towards the extremes of weight, width, or slant requires exaggerating certain design features until they reach a breaking point, which can reveal what is working and what isn’t in the core design.

With Ottavio, I navigated a delicate back-and-forth between expansion and retraction. I started with the Regular, took a little detour to try out a handful of glyphs in different weights, and then set those aside and went back to the Regular again. A while later, I did a quick foray into Italics, quickly slanting and condensing the letterforms to get a sense of what it might feel like. Then I scrapped that and went back to the Regular again, and so on. The key was to not invest so much time in any of these detours that I would be sad to delete them later!

The Italic you see here is probably the fourth or fifth iteration that I worked on, and it might not be the last. Since sending you Roslindale Variable Italic way back in 2019, I’ve gotten in the habit of separating cursiveness and slant when I draw italics.

I started by drawing alternates in the Regular that are upright shapes with italic features, such as the cursive shoulders in m/n/u, the single-story a and g, and the descending f. After that, I made everything narrower, mechanically slanted it, and made the italic alternates the default glyphs. As a final step, I cleaned up the curves to account for the distortion of the slanting process. This makes it easy for me to delete the italic knowing I can somewhat-painlessly reconstitute it from the alternates later on. And it allows the italic to exist in the same interpolating designspace as the upright, combining a fluid transition in slant with an abrupt transition in cursiveness.

I feel that there is a perception that a type designer goes through the alphabet, drawing each glyph as a perfect outline, one at a time. For me, the reality is much looser and messier, with much more trial and error, roughing in and cleaning up. Maybe this is too nerdy of a metaphor, but my family-building process is less like a JPEG image that loads from the top down, and more like a Progressive JPEG where a blurry image gradually gains detail. And for Ottavio, I think the picture is starting to become clear.

Perhaps it wasn’t the wisest choice to work on a big family expansion when I’m already behind on my monthly schedule, and I do appreciate your patience as I work to get caught up. If you don’t mind, I think my plan will be to keep pedaling through Ottavio and send you some lighter weights at the end of January, and then something new in mid-February. Then I can try to get back to sending you stuff closer to the beginning of the month…I will feel a whole lot better about my life once that happens!