: Which pairing works best for these sans serifs? I'm on this project where I want to keep a sans serif font for my titles (shown as title in the examples) but it works very poorly for the

@Cofer715

To my eyes, the best one is the second one of the first image.

Overall I don't like them all. I don't know what program you are using but some letters are big, some small ... IDK what is going on here. Even the one I call "best" looks very strange with this short G, taller T and yet taller W, followed by a short O.

These pairings don't look like good typography examples to me. They all miss the mark and I can't explain why. They are all slightly annoying to me. I am not saying they are bad ... no, they are slightly annoying and I am surprised you achieved this in all of them.

The Sabonnext "e" is horrible. -_-

Vote Up Vote Down

@Carla748

For Display Work
Whitney is the only readable font using the rendering engine here, and it provides good contrast with Hurme without being too jarring. Calluna is too bold and tight, and the ascenders and leading on Calluna Light are too much. On screen, Sabonnext is also a bit tight and muddy, and I'd avoid serif titles unless they're kept uppercase and understated. Check out the fonts in a few test screenshots with different anti-aliasing settings in the OS (note that browsers and systems all differ in this regard).

For Print Work
The reverse may prove to be more pleasing, with Whitney being too widely spaced and light with not enough character when printed in high resolution. Check out the fonts in a few test prints with different weights.

Vote Up Vote Down

@Harper654

I am not really a fan of the adage that says you should pair serifs with sans etc.; that you need a great contrast to make text work, I think it is nonsense. Though you need a light hand and a sensitive touch to get it right. I am going to skip the serif-and-sans entirely.

I see no reason why you cannot do sans-on-sans. A block of text is more about texture these days (as visual displays and tech gets better).

The texture of the block is of course dependant on how you set it: a flush right will give the overall "image" a more blocky feel. In my mind that is unfortunate (in most cases..). A ragged right gives geometric fonts a little life and energy. Flush right adds a "third" geometric element that you do not need. Since you are not doing this, the crux lies on the density of the texture of the block.


Particularly: your headings are all upper-case. That is why it works.
If your headings were lower-case it will be jarring with the text
block. If you are going with a serif heading, you could set that in
lower case.


Personally; I prefer your third option with Calluna light. But if you play with line-height and size on the others, they might work nicely as well. The weight of your heading is also crucial.

To conclude: I think it works well. As long as the contrast of upper-to-lower case, weight and size is good. Of which I think the third example are the best.

Vote Up Vote Down