August’s Font of the Month: Bild Poster

Font of the Month, 2023/08 PDF Try Buy $24
Bild headline 2000

Last month I sent you The Rest of Bild, a name I now realize misleadingly implies some kind of happily-ever-after ending for the font. On the contrary, I consider Bild to be anything but finished, and this whole month I haven’t been able to shake the nagging feeling that something was still missing from the family.

Bild is a “what if” font: what if Trade Gothic was built around its Bold Condensed styles? By carrying that style across weight and width, it creates a bigger straight-sided Gothic sandbox for designers to play in. But at the same time, it’s not a very opinionated design—I wouldn’t call it generic, but it isn’t very specific either. It doesn’t tell you a lot about how it wants to be used, and perhaps doesn’t do enough to invite you to play in the sandbox it has created. Where are the swings? The slides? The monkey bars?

Type design involves so many details that it’s easy to forget that, when viewed at a distance, fonts essentially boil down to rhythm, density, and proportion. Bild’s width and weight variants give you lots of control over the rhythm and density pretty nicely. But the proportions…maybe there is still something there that could unlock expressive potential while keeping within the parameters of the original design. So this month, I’m sending you Bild Poster, which asks the question: Is Bild’s x-height its X-factor?

Bild adjustable x height 2000

Bild now features a variable x-height axis (XHGT) that gives you the ability to dynamically raise the height of the lowercase letters. It’s a very simple transformation but one that radically alters the character of the design. It offers an edgier, Display-ier look that I hope can really sing in large poster use, following in the footsteps of other supertall x-height grots like Inserat-Grotesk, Anzeigen-Grotesk, and of course the ubiquitous Impact.

Bild is far from the first variable font to provide a variable axis for manipulating the x-height. CJ Dunn’s Dunbar, one of the earliest variable font releases, has an axis that took his Erbar-inspired geometric from the low-slung 1920s look to the almost-too-much ITC style of the 1960s and ’70s. There are also several parametric fonts out there that allow for manipulation of the x-height via with the YTLC axis. I also just discovered that newglyph’s Swiss Poster (released two days ago!) features a similar concept.

Kerning of the word 'Tuck' across the Bild family.

Bild’s lowercase doesn’t get wider as it gets taller, but it’s not quite parametric either. First, I made subtle reductions to the descender lengths to keep them from sticking out too much. Then I changed the kerning, especially in situations where lowercase could no longer tuck underneath other caps as the x-height grows, like the word “Tuck” shown above. It took a lot of trial and error to map these breakpoints across what is now a three-dimensional space (a perfect use case for Occupant Fonts’s helpful tool).

A taller x-height leaves less space for all stuff that appears above the letters: ascenders, accents, and the dots on i and j. I took special care to manage their alignment as you traverse the space, and added a special “Cap Snap” OpenType feature that will clip the tops and bottoms of the will shorten the ascenders to match the cap height, helpful when stacking lines of text with super-tight leading.

Build compare lines 2000

As I increased the x-height for Bild Poster, it dawned on me that elongating the letterforms to make them taller was just another way of elongating the letterforms to make them narrower. Since I was practically doing half the drawing already, I went ahead and added two new widths to the family (Skyline and Extra Compressed) as well.

Most supertall sans serifs can get very picket-fence-y, with long terminals on letters like s, c, and e that reach inward to enclose their whitespaces (two fonts of mine that do this are Fit and Nickel Gothic). Even at its narrowest extremes, Bild sets itself apart by truncating its terminals prematurely, leaving massive gaps that make the letters feel both closed and open at the same time (check out “Splices” above). This feature, along with the angular, asymmetrical arches on h, m, and n, prevents things from getting too clean and same-y, and preserves the feeling of Trade Gothic even as the proportions stray farther and farther from the source material.

Bild widths 2000

Is an adjustable x-height actually worthwhile? Is this what the sans serifs of the future will offer, or is just a cheap gimmick? I don’t know but I figured it was worth an extra month of work on this to inject something unexpected into this otherwise-straightforward design. I hope you find some value in this addition to Bild, and I’m x-heighted to see what you do with it! (sorry)

Bild caps 2000

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

Font of the Month, 2023/07 PDF Try Buy $24
Bild ulc 2000

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.

Family grid 2000

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.

Bild normal width text colors 2000

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?

Bild uc 2000

June’s Font of the Month: Rhody Wide

Font of the Month, 2023/06 PDF Try Buy $24
Rhody wide lc smaller 2000

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.

Rhody wide uc smaller 2000

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.

Rhody compare 2000

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.

Rhody wide ulc 2000

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.

Rhody wide ampersand 2000

May’s Font of the Month: Lab DJR

Font of the Month, 2023/05 PDF Try Buy $24
Lab DJR element

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 styles 2000

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 basic color specimen 2000

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! 🥺

the lowercase alphabet of Lab DJR

April’s Font of the Month: Warbler Banner Italic

Font of the Month, 2023/04 PDF Try Buy $24
Warbler Banner Italic ULC 2000

 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.

Warbler Banner Italic UC 2000

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 Banner Italic Sizes 2000

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.

Warbler Banner Italic Compare 2000