Using Output Sans Hairlines

I’ve been working on Output Sans a lot recently. And in anticipation of its upcoming release, I prepared a special preview of Output Sans’s thinnest weights for the wonderful members of the Font of the Month Club.

Output Sans Hairlines is not the thinnest hairline font out there (talk to Lucas de Groot about “The Thinnest”), but it is still pretty dang thin. One other notable thing about Output Sans Hairlines is that its stroke thickness and optical size are inextricably linked between 34pt and 166pt.

RRRRRRR

This means that, using its variable font, you can set text at 34pt and then set the stem weight of the letters to be 1px thick. Then you can double the size (or triple it, or quadruple it!), and then set the stem weight to remain (roughly) 1pt thick the entire time. Hairlines can be super finicky and sensitive to size, so this feature can be handy when you want to maintain consistency in weight across text of different sizes.

Setting these 1pt hairlines is pretty easy: just make sure that the value of the Optical Size axis is equal to the point size of the font. Here’s how that looks in the latest version of Adobe Illustrator CC:

Illustrator screenshot

In the future, I would love to see an optional checkbox that would link these two values together, so the optical size axis’s value can be set automatically.

This is not the only feature in Output Sans Hairlines…did anyone see the alternate forms? To all the Font of the Month Club members, I hope you enjoyed this month’s edition. And if you’re not a member yet, there are two days left to sign up before I send out April’s font!

A bit more about February’s font

more slabs

Photo taken by André Mora at the Rhododendron Species Botanical Garden.

At the Mölndals Stadsmuseum outside of Gothenburg, Sweden, the most interesting parts of the collection aren’t in the exhibitions. Instead, they reside in the museum’s “Open Storage,” which includes 10,000 everyday objects from 20th-century Sweden that visitors can see, touch, and wear.

When I visited the museum in the summer of 2016, one item that caught my eye was the midcentury Swedish garden calendar that is pictured below. Its title seemed like a condensed take on a geometric slab like Memphis or Stymie, and I loved how its rationalist letterforms contrasted with the organic shapes of the leaves behind them. But what interested me most about it were the atypical (some might say gratuitous) vertical slab serifs found on characters like e, a, and 9.

Me at the Mölndals Stadsmuseum Calendar

Visiting the Mölndals Stadsmuseum, and the calendar that caught my eye.

There was something that appealed to me about this overly-simplistic approach to modularity. If you’re drawing a slab serif, why not add a slab at every possible opportunity? So that is exactly what I tried to do.

As you might have guessed, the result is a slabfest. Rhody has narrow, straight-sided forms, rationalist curves, and extra-gappy inktraps that give it a little edge. Its mechanical nature is underscored by the unusually blocky shapes of f, j, and t, but the overabundance of vertical slabs prevents it from ever feeling sterile. I threw in a couple of weights, and some fun alternates and bonus features to explore!

Rhody

A note on the name

I had some trouble coming up with a name for this one until I looked outside my window. There aren’t many leaves on the trees right now in Western Massachusetts, but my rhododendron is still nice and green. Seemed like an appropriate inspiration for a font based on a garden calendar!

But, just the other day, I was reminded that Jitka Janečková did a type]media project called Rododendron in 2016 (that’s the Czech spelling, which is probably why it didn’t come up in a search). Not only was Jitka extraordinarily nice about the whole thing, but Rododendron is a pretty kickass typeface, so you should go check it out!

Rododendron Rododendron

Rododendron, by Jitka Janečková

So for now, I’m just nicknaming my design Rhody (which, of course, gets close to the classic Font Bureau grot, Rhode!) So we’ll see what happens to the name if/when I return to make this a full-fledged release.

Regardless of what you call it, this is the last day of February, so I encourage you to pick up your copy today!

NEW: Fit supports Hebrew

Fit Hebrew ABC אבג

Israeli designer Oded Ezer and I are very excited to announce Fit Hebrew, a Hebrew-language expansion that Oded drew for my typeface Fit.

Using my Latin version as a starting point, Oded adapted Fit’s rigid design to suit the needs of the Hebrew alphabet. Taking into account the squareness of the letterforms and the direction in which they open, Ezer sensitively applied Fit’s system of alternating curves and corners. And just as my Latin mixes uppercase and lowercase forms to take up more space, Fit Hebrew seamlessly mixes block and cursive forms. Ezer pushes Fit’s Hebrew alphabet to surprising extremes, making it an unforgettable and adaptable tool for titling and poster work.

See Fit Hebrew »

Fit Poster

But wait…there’s more! To celebrate Fit’s first birthday, I’m also giving away this poster of Fit’s Sator Square to all Fit licensees who want one. You can also purchase the poster separately for $15.

See Fit Sator Square Poster »

A look at January’s Extraordinaire

It’s hard to believe we are already halfway through January. Here’s a bit more on the design of Extraordinaire, this month’s font for the Font of the Month Club.

Stacked and justified specimen

When I started my typeface Bungee in 2011, I originally drew its shade as a simple “pin-line” stroke. This turned out to be a lot more difficult than I anticipated; because the shade never touches the letterform, it was hard to know how to end the stroke or what to do when one disappeared behind a curve. In the end, I was never able to get this to feel right for Bungee, and eventually abandoned it in favor of a more conventional drop-shade. But I didn’t let go of the idea.

Variable font in use

Bungee’s original pin-line shade

I figured that a single-stroke shade might work better with a single-stroke typeface, but there’s just one problem: hairlines can be kinda boring. So much of what I love about drawing type comes from the contrast of thick and thin, and a hairline has none of that.

So I looked to Art Deco, as practitioners of this style did a ton of weird, interesting stuff with the skeletons of letters. I confess I am a sucker for their high and low waists, exaggerated proportions, and letters like C and S that can get so narrow that they almost disappear.

I found the final piece of the puzzle just last month during a visit to São Paulo for the amazing DiaTipo conference. Wandering past beautiful Art Deco buildings in the city center, I kept seeing this diamond-shaped O appearing in the signage above the doorways. It dawned on me that a pin-line shade would never have to awkwardly disappear behind an O with pointy tops and bottoms, so it would always feel well-defined.

Predio S. Frederico Banco de São Paulo S.A. Edificio Pau D’alho Edificio Rio Branco

Signs I saw during my day wandering around São Paulo. Many more examples at Tipos Paulistanos.

Out of all this comes Extraordinaire, my proof-of-concept for a variable single-stroke shade. Not unlike my revival of Crayonette, its capitals descend below the baseline so that the small caps are vertically centered. The round endings of the strokes give the face a breezy, informal look that is distinct from the sharpness that I usually associate with Art Deco.

One last thing: Extraordinaire is meant to be used big. Super thin strokes can be tricky to work with and are always a challenge for printers and rendering engines. I hope that club members will take advantage of Extraordinaire’s adjustable weight and shade distance; by using its assortment of styles and/or its variable fonts, you can maintain a consistent stroke weight across different sizes, or layer multiple shades together to create a variety of dazzling effects.

Variable font in use

Using Extraordinaire in Adobe Illustrator CC 2018

Variable font in use

Managing hairline weight and shade complexity across multiple sizes

That’s all for January! If you aren’t already a member, I hope you’ll consider joining Font of the Month Club and putting this font to some extraordinary use!

Klooster: December’s Font of the Month

Specimen

The uncial script was a particularly interesting step in the evolution of the Latin alphabet. Characterized by round, open forms, some uncial letters resemble Roman capitals as we know them today, while others begin to lean towards the forms that would eventually become our lowercase.

While uncials date back to the fourth century, the inspiration for Klooster is much more recent. Flipping through a friend’s copy of the D. Giltay Veth’s 1950 book, Dutch Bookplates: A selection of modern woodcuts & wood engravings, I was struck by the expressive energy of the woodcut lettering, particularly in the uncial-esque ex-libris of A.J.E. van den Muijsenbergh.

Italic Specimen
A.J.E. van den Muijsenbergh, from Dutch Bookplates by D. Giltay Veth

Even though this typeface ended up looking pretty different from the bookplate that inspired it, I sought to capture a bit of that rawness and angularity in Klooster’s loose drawing style. I also gave the face a fair amount of width and bulk, which I think adds to its expressive potential. And it comes with an assortment of alternates, which you can utilize to fine-tune the placement of ascenders, descenders, and uncial forms in your text.

Specimen

When designing this typeface, my imagined ideal use for it was on the packaging of a beer brewed by monks. So I dubbed it Klooster, the Dutch word for monastery. Klooster is the final Font of the Month Club installment for 2017, but I am already hard at work on a variety of projects for the coming year. Think about joining the club today!

Roslindale is back!

Six months ago, I had the pleasure of sending a bold display cut of Roslindale to the fine members of the Font of the Month Club. This month, I followed up with Roslindale Text, designed specifically for extended reading.

Specimen

Like its headline companion, Roslindale Text takes its inspiration from De Vinne, a Victorian oldstyle with heavily bracketed serifs and a distinctive diagonal stress. De Vinne was designed in the 1890s by Gustav Schroeder and Nicholas Werner of the Central Type Foundry, and was named for the famed nineteenth century printer Theodore Low De Vinne.

I didn’t see much precedent out there for Italics in the De Vinne style, so as a result Roslindale Text’s italic is mostly improvised. I probably could have done more research, but sometimes it is nice to just get drawing.

Italic Specimen

The trickiest part of this design was striking the right balance between utility and flavor. I didn’t want to distill all of the De Vinne-ness out of this design, but I knew it needed to be palatable in paragraphs. In addition to the italic, I also added small caps which are well-suited to the design’s Victorian charm. Overall, it is still very much a work in progress, but I feel like it is finally coming together.

Font of the Month Club has been mostly focused on display typography, and I hope that the members enjoyed this little departure into the realm of text. Roslindale’s original Condensed Display is still available as a back issue, so you can sign up today and get the whole family, either for yourself or as a gift for your favorite font aficionado!

Roman Specimen

Pappardelle!

Specimen

You might have wondered about the condensed slab serif on your Font of the Month Club membership card, so maybe you saw this one coming. But to celebrate six months of this club’s existence, I decided it was time to let Pappardelle loose and see what the club will do with it.

Pappardelle is a twentieth century take on the French Antique genre, following in the footsteps of faces like Playbill, Figaro, and Pro Arte. The direct inspiration for this typeface was Herbert Matter’s branding for the Knoll furniture company. Like its exemplars, Pappardelle has less of the Wild West in it, and is more of a modernist appreciation of the formal game that horizontal stress can play with the Latin alphabet.

You might have been taught that it’s never a good idea to add letter spacing to lowercase, but here is the exception. I love how this typeface looks with a generous heaping of tracking, big and small(ish), uppercase and lowercase. Some space between the letters really accentuates the stacatto rhythms of the design.

Specimen

And, in commemoration of the recent release of the first shipping browsers to support OpenType variations, Pappardelle also comes in the new format. It has a variable axis that controls the contrast between the thicks and thins. A font of the Month Club first!

Note: This post is backdated so that it appears in the correct sequence on this blog.

Building Bild

As September winds down, I wanted to jot down a few notes on Bild, the chunky, narrow sans that I distributed to Font of the Month Club. (There are two more days left in the month, so sign up now and get your own copy!)

Specimen

If you look at Jackson Burke’s seminal Trade Gothic family, you will notice that a couple of the weights don’t quite fit in. They are clunkier and more condensed, with echoes of Alternate Gothic and ATF Railroad Gothic.

I originally started drawing Bild in 2012 when Sam Berlow suggested that I check out these weights to use as source material for a new design. I kind of took the freeform approach, but without much in the way of scans or specimens. Bild, the typeface that emerged from these sketches, builds upon the stylistic features of these outliers in the pursuit of a singular goal: to set dense, punchy headlines.

Sure there are already a lot of condensed sans serifs out there, but what I like about this one is that it walks the line between structured and organic. For every straight-sided curve or rigid shape present in the typeface, there is also a grotty detail to liven things up. Curvy shapes like the S or the bowl of the a break up Bild’s mechanical regularity. The closed-in terminals vary in length, and not one of them ends on a true horizontal.

Specimen

Bild’s Black Compressed style is part of a larger series of widths and weights that has been sitting on my desktop for far too long. I’m hoping that my work on this preview weight will give me the kick in the butt I need to work on more of the typeface.

Oh, and one last thing: the name Bild isn’t a typo; it means image in German. Thanks to Indra Kupferschmid for suggesting it!

Specimen

On our road trip back from ATypI Montreal, Jill, Kent, and I had the pleasure of visiting the World’s Tallest File Cabinet in Burlington, Vermont.

Cabinet

More cabinet

My ATypI 2017 talk: How NOT to draw accents

This past week, I was happy to give this lecture at the ATypI conference in Montreal. Some resources and notes are below.

Here are links to the resources I mentioned in the talk:

I should also correct myself by saying that even though that “Münstermann” sign shares the u/n identification issue found it Kurrentschrift, it is not actually done in that style. Sorry about that!

Also, multiple people approached me after my talk and mentioned that in some languages/regions, one might see accents simplified due to the lack of availability of type supporting those accents. And of course, some simplifications that I showed will make sense in some languages but not in others.

Finally, huge thanks to ATypI for this opportunity, and to the folks that helped provide images and insights, including: Rui Abreu, Marina Chaccur, Florian Hardwig, Indra Kupferschmid, Albert-Jan Pool, Nick Sherman, Grzegorz Rolek, and Donny Troung.