typeface tango: how to decide who can/should dance with whom

TypoGirlie12
5.Mar.2007 7.53pm
TypoGirlie12's picture

i have always a problem choosing typefaces that work well together. this is sad.

any recommendations on how to go about doing this? vauge question of sorts, but anything would help. thanks!



SuperUltraFabulous
5.Mar.2007 8.05pm
SuperUltraFabulous's picture

One way to get around racking your brain is by picking typefaces from the same designer can help. Its the easiest way for me.

Also from the same period/style/source can help but that’s not a guarantee. For example Mantinia and Galliard go very well... by the same author.

Mikey :0)


DanGayle
5.Mar.2007 8.16pm
DanGayle's picture

Or Univers with Egyptienne F by Adrian Fruitger, or Gill Sans and Joanna by Eric Gill, etc..

A lot of designers build their letterforms upon the same skeletal structure, even if not on purpose. So I’d say that is a good direction to start for sure. Even Bringhurst recommends that approach.


SuperUltraFabulous
5.Mar.2007 8.35pm
SuperUltraFabulous's picture

Here is another way... find printed literature- magazines, books, manuals, etc. and see how others combine different type. I keep a note pad at all times with me when I’m out and about.

Soaking yourself into issues of How, STEP & Print will have raring to go.

The Font Shop virtual newletters combine type nicely too.

http://www.fontshop.com/fontfeed/

browse all the past months with the pull down menu at the right

Mike Diaz :-)


DanGayle
5.Mar.2007 8.36pm
DanGayle's picture

Looking at the structure of the typefaces is another (related) method of choosing typefaces. For instance, Bodoni is very geometric and has a very vertical stress that matches well with the grotesques and neo-grotesques like Helvetica.

But neither of them match something like Galliard because of it’s diagonal stress and humanist shape.

That’s one reason to look at the period in which a typeface was designed, because the era greatly influenced the methods and/or structures on which the letters were built.


ChuckGroth
5.Mar.2007 9.33pm
ChuckGroth's picture

The best advice, in my opinion, it that of SUF, which is to say, find examples you like. Take them apart and see how they work. For instance, if you think Frutiger is a perfect marriage for Caslon, then you know you can always invite them together to the party. But try to understand for yourself WHY you think they belong together, and you can apply this to other faces.

I would avoid any advice that says,”This face and that must never be used together,” or “These two faces are perfect together,” or even “Just combine faces by that designer.”
Designing with type has to be a reflection of your own tastes, not prescribed rules.


kostal
5.Mar.2007 10.00pm
kostal's picture

Sure, but that taste has to come from somewhere. Rules can help quite a bit and as long as you can step outside of those rules I don’t think there is much harm in them.

I agree to avoid the advice that says never do this or always do that...


Stephen Coles
5.Mar.2007 10.20pm
Stephen Coles's picture

This question often arises and I hope I don’t sound like a robot as my answer is always the same: don’t worry so match about compatible typefaces. Nearly any two types can work together. Pick typefaces that fit your subject and audience. If they are right for the project, they are right for each other.

An exception: when using two distinct typefaces within a single line or paragraph, try to match general proportions (asc/descender length and x-height). Or, pick a font suite.


TypoGirlie12
5.Mar.2007 11.15pm
TypoGirlie12's picture

thanks for the great responses!

the reason i ask is that i was working on a project- a dialoge book, with 4 simultaneous conversations going on.

in some conversations, the opinions contrast so i was thinking of working with the type in that sense but didn’t know if the fact that they are completely different to begin with was enough of a difference.


ChuckGroth
7.Mar.2007 5.44am
ChuckGroth's picture

If you’re creating the impression of simultaneous conversations, then I would suggest choosing faces that represent, at least in your own mind, the different characters of the quadralogue.

kostal: certainly. I wasn’t saying that no training or understanding of type is necessary. I guess I was suggesting to get the training and the understanding and then let your own vision be the guide. So often, “Never” and “Always” guides are offered as help, when I think that kind of view can be detrimental to good design.


gulliver
7.Mar.2007 9.09am
gulliver's picture

I’ll add my voice to those who recommend considering the structure of the font, as Robert Bringhurst advocates in The Elements of Typographic Style.

Consideration of the structure involves looking at such characteristics as:
art/design movement (renaissance humanist and neohumanist/lyrical modernist forms [Venetian, Garalde, etc.], baroque/rococo form, neoclassical/”transitional” form, romantic/”modern” form, realist form [Victorian, clarendon & Swiss gothic forms], geometric modernist form [such as Futura, Memphis and the like], various postmodernist forms, etc.)
aperture (degree of openness or closedness of forms such as “c”, “e”, “a”, “s”, etc.)
direction of axis (humanist [oblique], rationalist [vertical] or variable),

Other characteristics less relevant to structure, but still worth considering when choosing compatible fonts, include:
stroke (modulated or monolinear),
terminal shape (pen-formed, modeled, lachrymal [teardrop-shaped], round [ball-shaped]

A great place to start in choosing compatible typefaces is to choose serifed and sans-serifed fonts with basic structural characteristics in common, such as:

Geometric modernist fonts: Beton, Candida, Marathon, Memphis, Rockwell or Stymie, etc.
or romantic/”modern” fonts: Bodoni, Bulmer, Didot or Walbaum, etc.
paired with: Avenir, Futura, or Kabel, etc.

Or, Realist-structured fonts: Belizio, Clarendon, Glypha, Serifa, Volta, etc.
paired with: Akzidenz-Grotesk, Folio, Helvetica, Imago, Univers, etc.

Or, Renaissance-based humanist and neohumanist fonts: Albertina, Aldus, Bembo, Berling, PMN Caecilia, Chaparral, Dante, Garamond, Golden Cockerel, Joanna, Minion, Palatino, Plantin, Poppl-Pontifex, Scala, or many others,
paired with: Frutiger, Gill Sans, Myriad, Linotype Projekt, Scala Sans, Syntax, etc.

As has been said already, these cannot be hard-and-fast rules. Even within similar structures, some pairings will work better than others, so use your own creative and critical judgement. However, once you have a good grasp of similarly-structured font pairings, you will be better-equipped to try your hand at effectively pairing fonts with contrasting structures.

David Thometz


Don McCahill
7.Mar.2007 10.46am
Don McCahill's picture

A few “rules” of things not to do.

a) don’t choose faces that are “too similar” like Helvetica and Univers, for instance.

b) don’t choose faces that are “too different” like a very fine body text (sans) with a super heavy fatface heading — basically, you don’t want the fonts to fight each other. Different slants on the italics can also do this, if there will be a lot of italics happening.

c) Don’t mix your focus ... using a grunge heading with a formal script body, for instance. (Unless this is the statement you are trying to make)

Set your samples with the options you like ... then put them away for 48 hours. Come back to them and the bad ones will probably stand out and say “Ick”.


poms
7.Mar.2007 11.33am
poms's picture

Advertisement vs. book typography
What can work in one field does not automatically work in another.


dezcom
7.Mar.2007 11.59am
dezcom's picture

Some types which don’t seem to work together at similar sizes may work fine when one is much larger than the other.

ChrisL


Stephen Coles
7.Mar.2007 12.23pm
Stephen Coles's picture

Just remembered: Jonathan Hoefler wrote a pretty good article on this in CA. Forgot which issue.


gulliver
7.Mar.2007 12.37pm
gulliver's picture

“Some types which don’t seem to work together at similar sizes may work fine when one is much larger than the other.”

Yes. Often, you will be able to nudge one font up or down several points in size to compensate for different apparent sizes or x-heights/body sizes.

You can also find surprising compatibilities between otherwise dissimilar types. For example, Joanna (a neohumanist slab-serifed font) looks beautiful when set with Fournier Italic (a neoclassical/transitional font). And the expressionist Post Mediaeval Italic makes a nice companion for Marathon, a more geometrically structured expressionist roman. And Centaur Roman (or Jenson) works beautifully with the blackletter San Marco used as a contrasting type for emphasis. The pen script El Greco, with adjustments made for size, makes an interesting italic companion for Raleigh, and so forth.

Experiment and try new and unexpected combinations, but do it as knowledgeably as you can for the best results.

David Thometz


jason
7.Mar.2007 1.14pm
jason's picture

This topic recently came up with a colleague of mine who was trying to find a good supplementary face to work with Bembo. At the same time I was designing a new edition in a series, and the publisher had supplied me with a PDF of a previous edition in that series, which I thought was problematic. Here’s what I responded with, which may be useful here:

General typographic principle is that serifs don’t mix well with other serifs. (For instance, my “problem” with the supplied PDF sample was the combination of Warnock [for body copy] and a clearly Modern type [used for display] — mixing Renaissance and Romantic proportions = bad news).

Such a combination is like mixing a contemporary rendition of classical Italian architecture with some Victorian gothic furniture. Some might call this “eclectic,” but to my mind it’s just a mess. Thus, in looking for a secondary face for a serif, my instinct (based on the typographic theory that I’ve read and absorbed) is to go for a sans face (which is what I normally do for supplementary copy [notes, etc.]).

But, it can’t just be any sans, of course. In my redesign of the series I’ve stuck with Warnock for the body copy, and selected Quadraat Sans as the second face, because both share similar proporations and also make use of some unconventional hooks and beaks. For instance, here’s a comparison of a few glyphs from each where you can see the distinctive “hooks” in a few letters. (The fact that Quadraat will be used at a smaller size [for notes, etc.] will balance the fact that it is quite a bit darker than Warnock.)

In [my colleague’s] case, you’re working with Bembo, another classic Renaissance font, yet one that has become somewhat faceless due to over use. That said, it does have some distinctive shapes to it, and is based on classical proportions, so what you want is a sans that has the same. For my money, if I want to find a partner for something like Bembo (or Garamond or Jenson, etc.) I head straight to Legacy Sans. Here’s a glance at Bembo & Legacy:

 
Note some if their similarities, such as a connector of the “g,” the bracketed crossbar and curled tail of “t,” the understated “J” and “Q”. These are just a few glyphs scrutinized, but from here you can see that the two have enough in common to likely work well together.

Now, you may not be a fan of Legacy, but this sort of process tends to help for me. I just make a sample (like above) and plunk in a few possibilities to go with my body type, then look to see if they have anything in common both in terms of proportions and quirks.


gulliver
7.Mar.2007 1.51pm
gulliver's picture

Nice mixes, made nicer still since we can know and see WHY they were chosen, and WHY they work so well together. It wasn’t an arbitrary process, or a case of, “Ah — these look okay together.” That’s what non-designers do.

David Thometz


Lex Kominek
7.Mar.2007 4.15pm
Lex Kominek's picture

I often look at sans and serif faces from the same designer - there’s usually some sort of unconscious similarity in the letterforms between two faces.

- Lex


Linda Cunningham
7.Mar.2007 5.43pm
Linda Cunningham's picture

Picking agreeable typefaces isn’t all that different from choosing wines — there are some basic rules (“red with beef, white with everything else” and “pick a simpler meal with a complex wine, and vice versa”) and the experience to know when you should just pick what you like and tinker a little with each. ;-)


Miss Tiffany
8.Mar.2007 10.13am
Miss Tiffany's picture

I’m with Linda (and others). It is nice to sit down and find similarities in fonts and match them in that way. The sample above is good and those faces do work together. But, if you stick to such a strict way of doing it you will miss out on so many others pairings. A lot of it is experience, as Linda mentions. Until you actually work with the fonts, and play with them, you won’t find your own sense of style.


krojos
3.May.2008 10.43am
krojos's picture

Another good technique, if you want to get your eyes dirty, is to pair typefaces side by side using:

Gabocse escobaG

(Trade Gothic with Filosofia and Gotham with Didot)

You can get a good sense for how letters look side by side and how the x-heights, widths, etc. match up.


tezzutezzu
4.May.2008 10.35am
tezzutezzu's picture

Wow! nice suggestions here!
Recently I have been designing a website for a silkscreen studio in Milan and I wanted to merge the two spirits of the city: the slick, commercial fashion-oriented one and the traditional old spirit of Milanesi craftmanship.
So I came up with a choice of these two fonts:

Maybe for some will be a punch in the eye, but I found the coupling quite agreeable.