


H&FJ just put out a really cool article on combining fonts. They break it up into four lessons and provide visual examples and typeface options. All the examples use their fonts, but the lessons carry over to usage with other typefaces easily.
I found the article to be especially inspiring, or at least liberating. I have a weird mental block when it comes to combining typefaces. I’ll often use two different ones, but never three without a huge mental commotion. I don’t know what it is, but I get really stressed out trying to finagle more than two typefaces into a design. Of course it depends what type of design it is. I guess I always felt like there was this mystical over-arching design rule that prevented exciting combinations of type (I know that sounds ridiculous). Anyway, something about their examples opened things up for me. It’s nice to hear it from the high authorities that this sort of thing can be this effective.
I’m also consistently amazed how good they are about talking about type; the adjectives they use are always way out of left field but completely spot on. Calling Gotham Rounded ‘cheeky’, for example, wouldn’t have come to me right away but makes complete sense once I hear it. If you recall their scene in Helvetica where they rattle off some rather satisfying descriptions of type — that was awesome.




I’m embarrassed to say I cannot draw an ampersand from memory; when I do it always looks like an unfortunate treble clef. Regardless I think the ampersand is easily the coolest symbol in any character set (or ever…). There are many reasons for this assessment.
First, it’s a complex symbol. Often times an ampersand would look more at home amidst a group of kanji characters rather than a cluster of geometric letters. This makes it very interesting to look at and you end up perceiving the overall shape, rather than the distinct path of the lines. Second, it can exist in many different forms and still be understood as an ampersand. I suppose this is the same for most letters, but the ampersand varies the most substantially between typefaces (thus allowing for the most potential random awesomeness). The creativity of the typographer is best (or at least more freely) expressed through the ampersand. Lastly, it stands for the word “and”, which if I were a symbol and I had to stand for something, would be a pretty damn good choice. Very optimistic and inclusive. I suppose the only sad thing about the ampersand is its relative absence from written English. (Though Wikipedia tells me it’s making a comeback via text messaging. I’ll have to get on that…)
I can’t write a post about ampersands and not mention the best blog ever: Ampersand. And another one! 300&65 Ampersands. Above I’ve collected just a few of my favorite ampersands; not a definitive list by any means. Links are below:
1. BernhardFasD
2. Caviar Dreams
3. Caslon Semi Bold Italic
4. Hoefler Text Italic
5. United Sans Condensed Bold
6. Sackers Gothic Medium
7. Trebuchet
8. Aller Display
And yes I know the Mother and Child logo is the coolest thing ever. I know there are more killer ampersands…list your favorite here.

I was inspired to investigate my favorite typefaces of last year by all the “Top Ten Fonts of 2009″ lists I’ve seen going around. I tried desperately to make my list longer than seven, but honestly I don’t know if I used more than that. (I only have 50 anyway) Keep in mind, when I say “favorite fonts of the year”, I am referring to the ones I used most, not necessarily ones that were released in 2009. New font releases rarely get me very excited anyway. This list pretty much sums up the only fonts I ever implemented in all of 2009. There is an outlier here or there, but I keep everything pretty regimented.
So here we are, my favorite fonts of 2009:
Knockout – Probably my favorite of last year. I used it everywhere. It’s so versatile, and has so many weights, that I found it really helpful for many projects.
United – You know I love this.
Din – One of my favorites of all time. I found myself using this in just about every infographic I had to create.
Miso – It’s free and comes in handy every once in a while. Found this one popping up in my freelance work a bunch.
Plantin – One of the sole serif representatives. I used this for just about every single time I had body copy. Thanks Monocle!
Futura – Had to include this after my Wes Anderson project. Didn’t use it a whole lot elsewhere, but I always check out how things look in Futura just in case. Especially for logos — Futura comes through in a pinch often.
Trade Gothic – Especially Bold No. 2. If I hear a cool word I don’t know, I will write it down so I can type it out in Trade later just to see how bad ass it looks.
Anyway, nothing too surprising up there I don’t think, but interesting to see it all in one place. List yours if you have them!

I saw Avatar last night (in full 3D IMAX glory) and really enjoyed it. It reminded me of how I used to feel when I would play video games as a kid — not so much because of the graphics or anything like that, more because of how in it I felt. I remember when I used to play Zelda for example, my imagination would just take over and for those couple hours I lived in that universe (I was a nerdy kid). Avatar is like this; it is very easy to forget you are watching a film and think you are actually physically along for the ride, as there are no visual limitations to give you any indication otherwise. There were moments when you could hear the whole theater let out audible gasps as something incredible came on the screen. The first time you see one of the giant mining machines is pretty amazing. Of course the plot follows an extremely predictable trajectory, but seriously who cares. When things look this cool I am willing to make concessions on freshness of plot.
I saw the film with a few friends, one of whom is an interaction designer. He was mesmerized by all the crazy user interfaces the characters were manipulating. The spherical and detachable computer screens were a favorite. Meanwhile I couldn’t get over the choice of typeface for the subtitles; Papyrus (or some variant, essentially the same thing). The rest of my friends thought I was a huge nerd when the first thing I said out of the theater was “What was with that subtitle font!?” It is crazy to think (in my opinion) that $280 million went into this movie and they chose the one font that is at the end of most typography jokes (save maybe for Comic Sans). I know it probably fit better than a super clean sans serif (and I can’t imagine there weren’t hours of discussion over this point), but seriously, Papyrus?
Further: Kottke describes another interesting issue, regarding the realism of the Na’vi’s technological development. I don’t necessarily agree with his point (I think they were as advanced as they wanted/needed to be given the physical and spiritual qualities of their world), but he makes an intriguing argument.

Mrs. Eaves is one of my favorite typefaces. Especially when it comes to serifs — which admittedly, I use infrequently — Mrs. Eaves has long been a go-to. I agree with designer Zuzana Licko’s description that “Mrs Eaves was a mix of just enough tradition with an updated twist. It’s familiar enough to be friendly, yet different enough to be interesting.”
After much anticipation, the sans-serif companion Mr. Eaves is complete. It comes in two varieties; Mr. Eaves Modern and Mr. Eaves Sans (character map pictured above). Like Mrs. Eaves, both variations were designed by Zuzana Licko for Emigre. I’m excited to use this — especially the lowercase ‘a’ variant pictured at the bottom.
Mr Eaves was based on the proportions of Mrs Eaves, but Licko took some liberty with its design. One of the main concerns was to avoid creating a typeface that looked like it simply had its serifs cut off. And while it matches Mrs Eaves in weight, color, and armature, Mr Eaves stands as its own typeface with many unique characteristics. [ Purchase ]
In keeping with this week’s (completely unplanned) typographic theme, I thought I’d post these excellent covers by
Emil Ruder. I’d love to see someone try to get away with type layout like this on a client project.
Some additional info (apparently translated) from 80 Magazine:
“in 1953, TM held a competition to design a cover series, inside layout and advertising pages. 12 people took part, including the basel typography teachers emil ruder and robert büchler. the TM jury report on ruder’s entry:
‘the designer if his competition work chose the square as design motif, wich also resonates again in the page layout. this cover series is designed with sparkling fantasy; bold and new, far way from tested solutions, in a darling refreshing attemp. [...] a really new solution which could have an interesting change from the arrangement up to now’
five covers by emil ruder were applied to break the monotony of the winning entry of robert büchler”
extracto da revista-libro ‘ruder typography ruder philosophy’. idea magazine 333. vol. 57. marzo 2009. xapon. issn 0019-1299 +
Via 80 Magazine

United by House Industries has been my go-to typeface over the last few semesters. It is a massive family — 105 total fonts (three styles, seven weights and five widths). This variety makes it an incredibly versatile collection. I really hate it when I find a typeface that I love, but find it missing a crucial weight or style. (DIN for example — would love to be able to wield more styles). United does not have this problem. I’ve used it on many projects (a few you know; ISO50 EP, Mega Cities book) and in each case the variety allowed it to be implemented in a unique and effective way.
I discovered it a long time ago while searching for the typeface used in a Nike ad (can’t recall which one, but it was amazing). I don’t actually remember if United was employed in the advert, but if you spend any amount of time searching around the typography of the sports world, you are bound to come across United at some point (Fox, I’m pretty sure, uses it for in game football graphics). There is an obvious resemblance of a few of the weights to a very collegiate look, which might be a turn off for some people, but the rest of the styles make up for this ten fold.
The most exciting part for me has always been the fact that each style has five different widths. I love condensed or extended widths and it’s nice to find a worthy competitor to the standards (Univers, Trade Gothic etc). When you need an extra touch of personality, especially if the project skews toward the technical or urban, United does the job nicely.
I don’t know many other designers (at least at school) that use it regularly and I thought I’d spread the word a little. Finding a new typeface is always pretty exciting, so hopefully if you haven’t tried United before, you can give it a shot and experience the sweetness. Anyone else have any hidden gems? I haven’t come across a new super typeface in a while — would love to hear about what people are unexpectedly enjoying these days.

Nothing too involved here, just a simple diagram outlining the key differences between Arial and Helvetica. You can find the full alphabet overlayed here. Just in case you’re unfamiliar with the unique history these typefaces share, here’s an in-depth analysis. And here’s the battle mode.
Via Swissmiss, who’s workspace is way cleaner and more Helvetica-ish than mine:

Tina Roth Eisenberg of Swissmiss

Alex and I were discussing this a while back so it was nice to see the whole subject wrapped up in a nice post over at Shelby White’s blog. Now you can annoy the hell out of all your non-designer friends by constantly correcting them when they use “font” incorrectly. Be sure to start off with “Actually…..”, people love that. I liked Nick Sherman’s take the best:
“The way I relate the difference between typeface and font to my students is by comparing them to songs and MP3s, respectively (or songs and CDs, if you prefer a physical metaphor).”
- Nick Sherman
For a while I thought font was sort of a dirty word, like it really didn’t have any proper usage when talking about design. Typeface still sounds better but it’s nice to know that font does have it’s own place in the world.
Link | Additional Reading