February’s Font of the Month: Warbler Text

Font of the Month, 2022/02 PDF Try
Warbler main 2000

The first time I ever picked up metal type was in Barry Moser’s letterpress course. The assignment was simply to typeset my name, and the case of type I ended up in front of was Morris Fuller Benton’s 1928 typeface, Bulmer.

The design of Bulmer was based on the types cut by William Martin in 1790, for the English printer William Bulmer. Martin likely trained at Baskerville’s foundry, and as Patricia Cost writes, “Martin’s design seemed to bridge the gap between the Baskerville and Bodoni types—it was more condensed and contrasty than Baskerville, but less mechanical and modern than Bodoni.” (I guess this makes it a transitional Transitional?)

Warbler bulmer 2000

A page from Poems by Goldsmith & Parnell, 1795. Image © The Trustees of the British Museum.

Since that day in the letterpress shop, I’ve had an affinity for this style. Maybe it was the tactile experience of holding letterforms in my hands, and maybe it was Martin’s gentle (maybe even genteel) approach to the Modern serif. There’s something placid and comforting about this lighter touch, especially when compared to the vigorous, authoritative Scotch Romans that would follow it. 

I don’t see Bulmer often in current use, and I don’t think I’ve ever seen it used onscreen. I suppose that makes sense: social media tends to reward eye-catching display designs, and this style’s delicacy doesn’t pack much of a punch if you’re just scrolling by it quickly. But Martin’s types are filled with small, subtle gestures that will grow on you after a while, and that’s what I tried to tap into in my interpretation, Warbler Text. Don’t get me wrong—I love a sharp, expressive serif as much as the next designer—but my hope is that this little throwback can help remind us of their softer side.

Warbler parts 2000

I spent a lot of time debating how to make Warbler’s small gestures big enough to telegraph at text sizes (à la Dwiggins’s M Formula), without becoming so big that they felt like a caricature. I’m talking about the swing of the a, and how its bowl rises a little before it falls. About the low waist on the k, how the g leans back a little, and how the weight of the t and e sags a bit in the lower-left.  

And I’m thinking about more systemic things too: the slightly-too-heavy capitals, the slightly-too-small small caps, the slightly-too-spaced-out numbers. How the different angles of the italic lowercase make it dance a little, and how even a handful of the Italic caps (J/K/N/T) get cursive forms. And I finally got to use the life-hack of flipping the Italic J to make a pound sign (£)—so satisfying!

Warbler screenshot 2000

Overriding my browser’s fonts with custom stylesheets and Type-X.

My goal with Warbler Text was to spend more time using it than I spent making it. To narrow my focus, I decided that 20 pixels would be the onscreen target size for this font, and used a custom stylesheet to override my browser fonts so I could do all my reading in it. There were periods where I was regenerating a new version every five minutes or so, just to see how my small changes would play out at the target size.

Watching how my computer rendered the shapes helped me measure the effects of my changes. I took screenshots and zoomed in on the pixelated letters to see if my moves were enough to flip a pixel from black to grey. This helped me take general, unanswerable questions (“Is this noticeable enough?”) and turn them into specific, achievable goals (“Does the spine of the a swing enough to flip some pixels from black to grey when set at 20px on my MacBook Pro Retina Display?”).

Screenshot 2000

A screenshot of Warbler Text at 20px (enlarged)

It has been a while since I’ve drawn a new text face for the club, and I’m grateful to the members I corresponded with who encouraged me to work on one. I will admit that even with all the small gestures I mentioned, I’m worried that you might think this typeface is too conservative…and maybe it is! I wonder if the next step might be to move to the opposite end of the spectrum and work on the display side of things (below is a sketch I did a few years back). In the meantime, I hope you find the time to spelunk around what I hope is a quite usable text face, both onscreen and elsewhere!

Warbler display preview 2000

January’s Font of the Month: Klooster Thin Lowercase

Font of the Month, 2022/01 PDF Try Buy $24
Klooster thin lc 513 2000

This month I’ve made a pretty straightforward update to a far-from-straightforward typeface. Exactly one year ago, I sent out Klooster Thin, a set of spry uncialesque capitals with energy to spare. This time, I’ve gone ahead and added a brand new lowercase, which I hope will open up possibilities for using this relatively niche design.

Klooster is based on the uncial hand, a script that was popularized many centuries before the existence of the lowercase we use today. So the entire concept of a “lowercase uncial” is anachronistic at best, and this expansion is in some ways a work of historical fiction.

Klooster thin lc text 2000

Klooster is far from the first typeface to explore a bicameral uncial. As demonstrated in Dan Reynolds’s excellent piece on Victor Hammer, uncials often functioned as a “lowercase” intended for running text that would be paired with Roman capitals or even enlarged initials (to be used as versals or drop caps). But unlike American Uncial, Klooster leans more towards uppercase already, so this precedent didn’t feel quite right.

Without the burden of historical authenticity, I had the freedom to think of uppercase and lowercase not as two distinct alphabets but as a single sliding scale. Instead of going back in time to Roman capitals for Klooster’s second case, I turned the dial a few notches forward to a fully-evolved lowercase.

Klooster alpha 2000

Klooster’s lowercase preserves the extremely long serifs and snappy, elastic curves of the original caps, and it introduces new proportions, prominent ascenders and descenders, and even more rounded forms. 

Some forms had to change radically; b/d/p/q took on “ball-and-stick” constructions with flat joins and large apertures that give them a bit of a Blue Island vibe. But because Klooster’s “uppercase” already incorporated so many lowercase elements, the construction of most letters didn’t need to change very much at all. If O/o and Z/z can have the same form in both cases, why can’t H/h or M/m work that way too?

I’m especially happy with how a, e, and g came out; they sit on a weird precipice where you can see both lowercase and uppercase in them at the same time, almost as if it is an optical illusion.

Klooster thin lc 763 2000

The last little family of letters that I’ll call out is f/j/r/t, which gave me the most trouble by far. In typefaces, these letters are often drawn narrower than you’d expect, in order to avoid spacing problems. Helvetica, for example, slices f/j/r/t on the vertical despite having horizontal terminals everywhere else.

I initially took the same approach in Klooster, shortening the vertical serifs significantly so that letters would tuck underneath f and pop over j. But in the end, I decided that the elongated vertical serifs are such a crucial part of this particular design that I could not part with them...to hell with even spacing! I think the width and distinctive swing of these four letters contributes a lot to Klooster’s off-kilter rhythm, which I hope goes to show that uneven spacing is not always the same as bad spacing.

The last three months here at the club have featured a Roman rustic, a blackletter, and an uncial: three styles that I like to think are as vital today as they were in antiquity. And I’m always happy to hear if there are any other families you’d like to see updated in 2022, or any new styles you’d like to see explored. I hope your new year is already off to an excellent start! — DJR

Klooster thin ornament 2000

December’s Font of the Month: Bradley Initials DJR

Font of the Month, 2021/12 PDF Try Buy $24
W 2000

Without a doubt, I am a sucker for a nice drop cap. I’ve always been charmed by them in print layouts, and Jessica Hische’s Daily Drop Cap demonstrated that they can be equally powerful onscreen. They offer the reader a hearty typographic welcome and invite them in to a block of text. Plenty of my club fonts would make for great drop caps, but until now, none of them were designed explicitly for that purpose.

This month I’m sending you my revival of Bradley Initials, a set of ornate drop caps designed as a companion to Bradley, the “fairytale blackletter” that I revived for the club in September 2018. It was based on lettering by renowned illustrator and designer Will H. Bradley, and published by American Type Founders in 1895. (As its Fonts in Use entry points out, this is not to be confused with Bradley Ultra Modern Initials, which was designed by Bradley in the 1930s and later digitized and expanded by Glenda de Guzman, a.k.a. Maria Glenda Bellarosa.)

These Bradley Initials really drive home the typeface’s storybook vibes, and it bugged me that they weren’t a part of my revival. So each year since 2018, as December approached, I would always think, “This would make a fun December font!” But then I would try to wrap my head around the quietly intricate linework in these initials, get overwhelmed, and proceed to work on something else.

Specimensofprint00amerrich 327

Bradley and Bradley Initials, as seen in the American Type Founders Specimen of Printing Types, 1897

The intricate linework is what sets this font apart from being just a bunch of letters in boxes. It walks the line between abstract and horticultural, with spiralesque stems and heart-shaped leaves. But unlike the Fern Ornaments I sent you earlier this year, these leafy brambles were not built around a typographic system. Instead, they take a calligraphic approach: each letter is really its own little illustration, and each line is improvised in order to fill the available space. What unifies them as a system is a consistency in stroke weight and tapering that would come from a writing implement.

A reasonable person might have started digitizing Bradley Initials by autotracing it, but that would have left me thinking about these lines as shapes rather than as strokes. I tried using computer-generated vector spirals as a starting point, but they ended up looking too precise and not handmade enough. So in the end, I accepted that the only way out is through. I set up my own digital “writing implement” using a plugin called LTTR/INK and drew each little squiggle myself (by my last count, A–Z contained 842 of them). 

The process was somewhat mind-numbing but there is something strangely relaxing about doing a task that requires 1% thinking and 99% doing. And spending so much time with each letter led me to appreciate the variations in the original; Some are more curly, others are more swirly. What I ended up with is a hybrid of the 54pt and 42pt sizes that were shown in the 1912 ATF Specimen Book.

Drop2 2000

This was also an opportunity to play with my old friend Color Fonts, which I’ve neglected this entire year. The default palette is based on the colors in the aforementioned ATF specimen, and I’m sending you a handful of alternative palettes as well (since font-palette support is still in its infancy, I’m sending these as separate fonts as well.) Of course, you can always use my Color Font Customizer to roll your own, and if you want even more flexibility, you can assemble it layer-by-layer using the Bradley Initials DJR Layers variant...the Frills layer is kinda fun to use on its own!

The last thing I’ve included in this mailing is a color font in the next-generation COLR v1 format, which allows for SVG-like features such as gradients, but without the inflexibility and large file size of images embedded into the font. Support for it is still very limited, and my proof-of-concept is still very rough, but it’s exciting to think about color fonts being more flexible and easier to use in the future!

Gradients 2000

Bradley Initials will complement my Bradley revival for sure, but I’m hopeful that you’ll find these versatile versals will work with a wide array of styles, spicing up your editorial spreads and greeting cards for Decembers to come!

Palettes

Bradley’s alternate preset color palettes: Black and White, Royal Purple, Bumble Bee, Classic Red, Lilac Blossom, and Seafoam.

November’s Font of the Month: Rustique

Font of the Month, 2021/11 PDF Try Buy $24
Rustique 1 blog

Sending the club monthly fonts has taught me a lot about the ebb and flow of my own productivity. Some months, I have tons of energy, everything flows smoothly, and projects just click into place. Other months, like this one, I’m hardly able to focus on making new fonts, the gears start to grind, and all of the previous momentum evaporates. It’s hard not to panic when this happens, but I’ve been through enough cycles of this that I’ve come to accept it as a natural part of the way I work.

My focus has definitely been elsewhere recently: life stuff, teaching, a little custom typeface design, and a lot of strumming my mandolin in outdoor music jams. Sensing that I’m in an ebb time with no energy to start something fresh, I paid a visit to my “bottom drawer,” the folder of half-baked typefaces that I’ve discarded over the years. And at the very bottom of my bottom drawer, I uncovered one of my first typeface designs (from 2007!), an abstracted take on Capitalis Rustica that I call Rustique.

Vergilius vaticanus

Rustic capitals in the Vergilius Vaticanus, from the collection of the Louisiana Digital Library.

I think of typefaces on a spectrum ranging between figurative and abstract, from marks that feel like they were made with a certain tool to those that feel like they were simply imagined (I say “feel like” because, as Matthew Carter points out, they’re all just a bunch of digital outlines regardless 🙃). 

There are plenty of typefaces that play across this spectrum, taking the the pen-formed shapes of historical calligraphic styles (say, blackletter) and translating them into “raw” typographic shapes (Totally Gothic/Glyphic, Fakir, and Blaktur come to mind). But you won’t find nearly as many contemporary designs revisiting the distinctive Rustic capitals that were used in Rome during the first several centuries of the common era. 

At first glance, these Rustic capitals felt shockingly dissimilar to their predecessor, the Roman Square Capital of Trajan’s Column fame. But upon closer inspection, I learned how calligraphic efficiency transformed these letters: their simplified structures were quicker and easier to write with a pen, and a steep pen angle led to narrower letterforms that took up less space on expensive writing materials like parchment or vellum. (This steep pen angle also made Rustic caps the original use of horizontal stress in the Latin alphabet!)

Orig design blog

My original drawing of Rustique, c. 2007.

I drew Rustique during my final year in college to be used on the poster for a sci-fi-infused production of Shakespeare’s Titus Andronicus, staged by the theater department at my school (no, I can’t find an image of the poster I designed, and yes, that’s probably for the best 🙃). The unfamiliarity of the Rustic style seemed like a good fit for this retrofuturistic production; it somehow feels stuck in the past and the future at the same time. But like all of the other typefaces I designed in school, I abandoned it as I went on to pursue more practical designs and begin my career at Font Bureau (from that year, only Manicotti made it out after it was cleaned up and released in 2010).

My original design for Rustique stayed fairly close to the rhythms of Rustic calligraphy, with modest thick/thin contrast, a high waistline, and generous spacing between each letter. In the image above, you can also see small inconsistencies, where I was experimenting with sharp corners (as opposed to blunted ones), a flatter baseline, and tall caps, all of which I adopted in the version I’m sending you today. I was happy with letters like H and E that were made up of all straight lines and tapered gently from bottom to top, but they felt disjointed from any letter with curves like O and B and diagonals like A and V that weren’t allowed to taper as much.

Picking up the design again this month, I tried as hard as I could to unify these elements and minimize the tension between curved and straight forms. The diagonals proved to be an especially tough nut to crack; with the theoretical pen held at such a steep angle, they are the only elements of this hand that get very heavy for a very long time. Of course, this is a feature that makes Captialis Rustica distinct, but it also makes them stick out like a sore thumb when you’re looking at more than a few words at a time.

Rustique 2 blog

In the past few weeks, I made some last-minute changes in order to make it better suited for contemporary display typography. First, I amped up the horizontal weights so it is now less of Regular weight and more of a Bold. I also tightened up the letter spacing significantly and introduced more “swing” into the curves, imbuing the design with more chaotic energy. It’s amazing how much of a difference spacing makes: if you add some tracking (+25–50, maybe?), you’ll chill things out and give the design more of a historical flavor.

This might go without saying, but I have absolutely no idea what you’re going to do with this typeface! I hope it at least piques your interest in Rustic capitals, and makes you think about how you can somehow incorporate their unique flavor into your designs. This is one of the trickiest designs I’ve worked on in a while, and I could probably keep tweaking it forever...we’ll see what it looks like in another 14 years!

Rustique 3 blog

October’s Font of the Month: Output Sans v2

Font of the Month, 2021/10 Try Buy $24
Output ui

September 14 marked the fifth anniversary of the introduction of variable fonts. I didn’t see too much in the way of fanfare, but it feels like this is a good opportunity to reflect on how far they’ve come, and to appreciate what folks have done to make variable fonts easier to make and use. (If you played a role in that, THANK YOU!)

It’s also a moment to consider what comes next for variable fonts. In my perception, they’re in a bit of an awkward phase right now. Support in browsers is great, and designers are using techniques such as animation to push the limits of the technology — after five years we can hardly think of them as a shiny new toy. But at the same time I don’t think they’ve fully left the “experimental” realm and entered the day-to-day workflow of the average designer.

As I pondered what zany, over-the-top, variable display face I could send you to commemorate this half-decade, it occurred to me: if I really want to help variable fonts get over this hump, maybe it’s worth taking a step back and thinking more about how I want to see them used in practical, everyday typesetting. And that’s why I’m sending you a beta variable version of my practical, everyday sans serif, Output Sans.

Output gradient wght

Output Sans is the closest thing I have to a “personal default”...how letters look when I shut my eyes and picture them in my head. It’s a matter-of-fact design that’s a little narrow, with curves that are a little tense. And it has a slight techy flavor, which makes it especially well-suited for user interfaces and in a supporting role alongside more decorative designs. 

It has been kicking around on my desktop since 2014 when Mac OS changed their UI font to Helvetica and people were hungry to customize their UI appearance. I think I’m happy with the overall design, but with all the sans serifs out there, I lost the confidence to say that it was different enough, or special enough, to ever declare the family “finished” and give it a formal release.

This month, I decided to remake Output Sans with a variable-first approach, a maximalist spin on a minimalist design. Part of this is admittedly a psychological shift...I tried to stop thinking of it as a family of individual members and instead as a single tweakable design. And I tried to shut off my type designer brain that worries too much about smooth curves and internal consistency, and instead focus on mapping out all the different ways I’d want to adjust the design. In addition to the weights and italics from the original version, I’ve now roughed in width, size, grade, and terminal openness.

Output gradient wdth

So here’s the catch: this is very much a proof-of-concept, and parts of the designspace are ROUGH. Typically I send out these club fonts once I have reached a good stopping point, but with Output Sans I am still in the thick of it. If you hang out around the default Regular style, I hope you’ll find this to be quite usable, but just take a little more care the further you venture away from there.

One of the stated goals of this club is to give you a view into my process, and my process is this: a constant cycle of roughing-in and refining, as opposed to just drawing one perfect glyph after another. So even though I’m a bit nervous to share something in an unpolished state, my hope is that the excitement (and embarrassment) of my lumpy curves will propel me to keep improving the design in the coming year. I won’t bug you every time I do, but I plan to make updates early and often...the latest version will always be at the download link at the top of this email. So feel free to give this a fresh download/install if you use it for something, but note that you may get some reflow of your text between versions!

Meanwhile, I hope Output Sans provides an opportunity to think about the role of variable fonts in your everyday workflow. Do they slow you down? Speed you up? Is this what the future of font families should be, or am I better off whittling a big, flexible system like this down to something more specific? I’d be happy to hear which of these axes seems like overkill, which of these seem worth cleaning up and finalizing, and what other tweaks you’d want to make to this design (square dots, maybe!?).

I realize that not all of you do your work in environments that support variable fonts, and that is not your fault. I’ll mention two things: Dinamo’s excellent Font Gauntlet has a “Generate Static Font File” feature that lets you export static font files from this variable font, which you are totally allowed to do under the modifications clause of my license. And maybe it’s worth taking a moment to send an email or (re)post a feature request to the makers of the app you’re using...after all, it has been five years. 😉

Words