Notes

July’s Font of the Month: The Rest of Bild

This July, I’ve been thinking a lot about the surprisingly large role that frustration plays in my design process. I got fed up with my lack of progress on the font that I had planned to send you earlier this month, and decided to scrap it. This has officially put me behind schedule—I’m sneaking in its replacement today (just under the wire!), and I expect to deliver August’s font later in the month as well. 

Frustration can certainly grind things to a halt, but it can also serve as a fuel that propels projects through periods of doubt and uncertainty. Many of my fonts sit around in a mostly-complete-but-can-I-really-call-it-finished? purgatory...sometimes for years! It can take an angry moment—“Why the heck is this font still sitting around like this?”—to give them that final push out the door.

Since its last update in 2020, Bild has existed as a disjointed almost-family: after starting as a single Black Condensed weight, I expanded it first as a series of widths in one weight, and again as a series of weights in one width. Recently, I’ve gotten a few requests for more Bild, and I had to ask myself: Why the heck is it still sitting around like this?

This month, I’ve finally added Bild’s missing fourth corner, uniting Bild into a single series and fleshing out the wider/lighter side of the designspace. I present to you: The Rest of Bild.

Named by Indra Kupferschmid and prompted by Sam Berlow nearly a decade ago, Bild follows in the footsteps of the “black sheep” styles of the classic mid-20th century workhorse Trade Gothic. While most of Trade Gothic’s design resembles Benton’s News Gothic/Franklin Gothic (see also the recent HEX Franklin), its Bold and Bold Condensed No. 20 are more rigid, with straight-round shapes and not-quite-horizontal terminals on letters like G and C.

Bild imagines an alternate universe where an entire family is built around these straight-sided outliers. I tried to retain the clunkiness of these styles but without any grittiness; I wasn’t going for a warts-and-all revival of early 20th century headline types like Alternate or Railroad Gothic.

At the same time, I wanted to leave in enough inconsistency for Bild to remain a little pedestrian, with notably less mechanical sparkle than, say, Nickel Gothic Condensed. This is maybe a weird thing to say about fonts that I like, but the Trade Gothic outliers have a beautiful dullness to them, and I think part of the reason I’ve put off this update for so long is because I’ve never been sure how to capture that.

Like last month’s Rhody, straight-sidedness is a crucial part of this design. As Bild’s shapes widen and its O becomes more circular, I looked for ways to accentuate that feature. I avoided letting the round shapes get too wide, and I played a lot with the curve tension and stroke angle in letters like p/d/b/q to reinforce the stop-and-go momentum of these shapes; their bowls needed to feel like three separate gestures instead of one continuous curve. 

Bild’s multiaxis variable font also includes several feature variations carried over from the previous versions, hard swaps among the smooth interpolations. This includes a T with tuck-under kerning, a Bold i/j-dot that snaps to the cap height or the ascender height depending on the width, and a Q that gains a cross-through tail in its lighter weights.

After years of hemming and hawing on Bild, I gotta say I am relieved to see it unified into a coherent family. I don’t know…maybe I need to get frustrated more often?

June’s Font of the Month: Rhody Wide

Ahhhh, June! Here in Western Mass. things are in full bloom, and as I write this I am sitting on my deck in a bathing suit under the large pink blossoms of our big rhododendron (pictured throughout). 

Distracted by the nice weather, and busy shepherding a few big type families toward the finish line, I had no idea what to send you this month. Too much project management and troubleshooting, not enough actual drawing of letterforms. So for the club, I wanted to find something low-stakes, where I could decompress by adopting a “don’t think, just draw” mentality.

It turned out the answer was blooming right outside my window! As our rhododendron began to bloom, I picked up my old friend Rhody where I left it in 2018, and this month I’m delighted to send you a new clipping: Rhody Wide.

Because it has been half a decade since I’ve written about this typeface, please allow me to reintroduce it to you: Rhody is a mechanical slab serif with too many slabs for its own good. It was inspired by a calendar with extra-slabby lettering that I encountered in the Mölndals Stadsmuseum, outside of Gothenburg, Sweden, and until now had one width and five weights.

Aside from the gratuitous slabs on letters like a and e, its other prominent feature is its straight-sided curves. In the original design, round letters like O are shaped like a stadium, with tight curves on the top and bottom and vertical lines on either side. This feature helps condensed letters pack together like a picket fence, but doesn’t make much sense when the letters have to be wide.

So in the new Wide version, I took that elongated stadium shape and flopped it on its side: the sides are curved and the top and bottom are flat. Thinking systematically, this is kind of a weird move. Wide and narrow don’t interpolate elegantly, if at all, and this approach required a total redraw of nearly every character…it’s almost an entirely different typeface. 

Fonts can contain these complex hierarchies of weights, alignments, and relationships, but in the end it all comes down to whether the shapes feel like they work together. And in this case I thought that preserving an overall feeling of rigid, streamlined geometry, rather than any specific shapes, was enough to hold the family together.

I tried to let feelings be my guide on this one, and wasn’t compelled to stay loyal to the original font (t, r, U, K, and X all have significant changes in form). I enlarged the inktraps and divots in vertical serifs in C, S, and G, to intensify the “bite” of those shapes, and I flattened out the spines of S and &, to amplify the harshness of the geometric curves. Perhaps most significantly, I departed from the relatively even proportions of the original, and let each character get as wide as I felt it wanted to be.

Lately, I’ve been browsing jazz album covers, and I love how many of them use wide slabs to embody the “long and low” midcentury style. I’d love to see more layouts like this today, but I get that wide fonts are hard to use, especially in mobile-friendly layouts. I still think they’re a great way to add something unexpected to slugs, subheads, or even short titles…especially in something in a film or presentation when you have the space.

May’s Font of the Month: Lab DJR

I love a good pixel font, and I always suggest that type enthusiasts try their hand at making one. Some of my outline-based fonts have started as pixel fonts, and I think they are a great way to experience the playful system-building aspect of type design without the stress of drawing nice curves.

A few weeks after variable fonts were introduced in late 2016, I made my first one. It was about as simple as a variable font could be—each letter was assembled out of a single, repeating, morphing shape.

Looking back, this font was an obvious precursor to the kind of small-scope, experimental fonts that I love to make for this club. But back in 2016, I had no idea what to do with it—as an early variable font, it didn’t work in any shipping browser or desktop app at the time. So I never gave it a proper release and it has been gathering dust on my desktop ever since.

Once or twice a year, someone will ask to use Lab DJR for something; I’m able to send them the old version, but I always think that it’s about time for me to dust off this project, reconstruct it using the latest variable font-making techniques, and expand it. So this month, that’s exactly what I did.

Lab DJR offers variable axes that lets you morph its default square pixel into a circle, a diamond, and a sparkle. On top of that, you can adjust their size in a variety of ways and even “split the atom” to divide each shape into four similar shapes. But the real fun comes when you mix the axes together and the outlines start to glitch out. When you use two at a time, the transformations are usually somewhat predictable, but after three or more, chaos reigns.

This typeface joins a rich and growing genre of dynamic pixel fonts, ranging from ambitious proto-variable systems like Bitcount, Elementar, FindReplace, and various projects by Muir McNeil, to imaginative variable-centric designs like Tiny, Littlebit, Homecomputer, Handjet, and Gridlite (which was used to great effect in the 2021 identity for the Typographics festival)...just to name a few!

Lab DJR was supposed to be the simplest variable font possible, but upon revisiting it, I couldn’t resist adding one more layer of complexity: color. I wrote a python script that randomly assigned one of eight colors to each pixel, and created OpenType contextual alternates to mix up the colors in repeating glyphs to make things feel even more scattershot. 

Of course, I don‘t expect a confetti pixel font to have a ton of practical uses, but I think the magic of “toy fonts” like this one is how they can unexpectedly cross the divide from impractical to practical. What looks cheesy with random colors has the potential to become a tasteful pattern or decorative drop cap once you harmonize the color palette with the other elements in your design.

Which brings me to the other thing that toy fonts are good at: offering interesting use cases for emerging font tech. My Color Font Customizer lets you drag on your font, customize the color palette, and download the modified version. But even better than that is CSS font-palette, which web browsers have started shipping in the past year—Myles Maxfield and I published a little font-palette how-to, if you’re interested. Desktop apps have been slower to support dynamic color palettes, and I hope Lab DJR serves as a nice reminder that it would be so cool if everybody did! 🥺

April’s Font of the Month: Warbler Banner Italic

 In a font editor, there are two main ways to manipulate a vector shape: you can nudge points by repeatedly tapping the arrow keys on the keyboard, or you can drag them around with a mouse. 

For those of you who draw letters, I’m curious if you consider yourself to be more of a nudgy-tappy designer or a pushy-draggy one…I think I tend to be more nudgy-tappy myself. You can hear an audible taptaptaptap as I move points around in increments of 1 or 10 units, a method which allows for precise, systematic, and repeatable changes to the shapes in a font.

Typefaces with a sense of organic looseness may lend themselves to a pushy-draggy approach. This way of editing feels less surgical and more sculptural, as if you’re pushing clay back and forth until you arrive at the desired shape. And gosh was it refreshing to chill out a bit, set aside my measure-twice-cut-once ways, and do some pushing and dragging in Warbler Banner Italic.

This month’s installment is unique in that it started as a commission. Michael Russem of Katherine Small Gallery (my favorite place for type books new and old) asked me to draw a few words in Warbler Deck Italic for an upcoming book. Size-specific designs for Warbler’s upright styles have been available since last March, but this ended up being the push I needed to finally give the same treatment to its Italics.

Even though what Michael asked for is in the middle of the optical size range, I did my work in the most extreme variant (Banner Italic) and then interpolated my way back to the Deck. This indirect workflow was a bit more effort, but it provided me with the starting point for the full range of optical sizes that I’m sending you today. 

The other nice thing about drawing in the Banner Italic was that I didn’t have to worry about holding back. I could focus on figuring out what these letters should look like with their full range of expression, knowing that I could always tone it down for smaller sizes at the end.

Warbler’s Banner Italics mostly follow the same script as the uprights: shorter x-height, longer ascenders and descenders, and a radically high stroke contrast with razor-thin hairlines. I mostly worked directly from Warbler Text without consulting other references, as I didn’t find large-size Italic cuts of Bulmer and Martin’s types from 1790, and ATF’s Bulmer Italics had a slightly different flavor than what I wanted here. 

I tried to play up the aforementioned looseness of the drawing, so that it continues to feel wobbly and delicate and not too perfect or crisp. This included subtle exaggerations to the variety of italic angles, the “sway” of m and n, the asymmetry of o, the distinctive ascender of p, and the unusual instrokes of v and w. The uppercase remains slightly too heavy for their own good, set apart by the charactertic cursive forms of J/K/N/T/Y.  

This update continues Warbler’s 14-month journey from a simple pair of text fonts into a multisize family for book design and editorial use. If you have the v1 uprights from last March already, these fonts should install right alongside those. I hope that this Italic serves you well, not only as a faithful companion to the upright, but as an expressive typographic accent all on its own.

March’s Font of the Month: Megascope weights

A typeface is a system of shapes, and every system has a breaking point. Part of the type design process is finding out where a typeface’s sweet spots are, and testing where the system breaks down and the cracks start to show.

I have a lot of affection for typefaces that get pushed right up to their breaking point. Last month, I felt funny sending you a moderately chunky weight of Megascope without even doing a cursory exploration of what the design would look like in a weight that’s more extreme. So I couldn’t help but take the opportunity to dive back into Megascope, and push it as thin as it can go.

I don’t have many new things to say about the design of this new weight. It’s still rooted in the Deco-inspired geometric sans serifs of the 1970s, like Syncopation and ITC Ronda, and it still operates under a strict set of rules about perfect circles, dynamic proportions, and 66° diagonals.

Following those rules, the proportions of the Thin become even more lanky and exaggerated than they were in the original weight, which I’m now calling Bold. The majority of letters get narrower as they get thinner (as expected), but large circles like O and diagonals like A remain just as wide.

The already-too-small circles in letters like R, a, e, and g get even smaller, pushing the waistline even higher than before. The diagonal strokes of these letters, now even longer, extend past the bounds of the circle and throw them even more off balance. 

Some measure of legibility and versatility is sacrificed, as what was weird about Megascope becomes even weirder. But it’s fun to hear the gears grind a bit as my little system of circles and diagonals begins to struggle…this is the tension that makes type interesting!

I feel less confident about the Thin weight than I do about the Bold, but I’m excited that its presence unlocks a range of in-between weights that are really starting to work for me. So I’m sending you a variable font and five named weights: Thin, Light, Regular, Medium, and Bold.

Megascope’s kerning is a monster—a single style of Megascope has more kerning exceptions than all of the other Megafonts combined—and I feel like I’ve only started to scratch the surface. I tried to let letters collide when they look good in a particular instance, but struggled to find compromises that would also interpolate nicely in the larger system.

Eventually, I may have to add even more kerning tweaks for the middle weights (not to mention the kerning of the accented characters 😬), but in the meantime, please feel free to manually pull things together or push things apart, and let me know if you encounter any letter combinations that seem especially fishy!

Some decisions that I made in the Bold no longer apply in the Thin, and I employ several feature variations to swap out one shape for another. For example, the B needed to lose its circular counterform as the circle gets larger and the stroke weight gets thinner. And the crossbar of f, lowered to create space in the Bold, gets replaced in lighter weights with one that aligns with the x-height.

Sticking with Megascope this month gave me the opportunity to incorporate some helpful feedback from club members. I added discretionary ligatures for some interlocking combinations (like ST, suggested by H James Lucas) and created upright alternates for a and e (suggested by Stephen Nixon).

I never intended for Megascope to become a family, but I hope you’ll agree that this (Mega)scope creep was worthwhile!