Menu Search
Jump to the content X X
SmashingConf London Avatar

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf London, dedicated to all things web performance.

How To Choose A Font — A Step-By-Step Guide!

Choosing a font can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. But don’t be baffled — and don’t despair. While there are no easy-to-follow rules on how best to choose a typeface, there are many tried-and-true principles you can quickly learn and apply to make an appropriate typeface choice. [Links checked March/30/2017]

If you work systematically through the options below, you’ll have a winning font choice in no time. Let’s get started.

Further Reading on SmashingMag:

What Is Your Goal? Link

The first thing you have to do in order to choose a typeface5 is form a strong impression in your mind about how you want your audience to react to the text. This is your goal, and it will guide the process. You might provide this impression, or it might be dictated to you by your client, or it may be determined by your audience. Whatever the case, your choice of typeface needs to strike a good combination of both legibility and readability, while remaining appropriate for the audience and the message. Each of these characteristics requires some degree of independent consideration. As you may already know from experience, it’s easy to go about this the wrong way and get overwhelmed. This problem can be compounded as a design evolves.

Perhaps the hardest part of breaking down the font selection process is understanding which parts are more subjective and which parts are more objective. After reading and digesting your client’s text, it is easier to start with the objective aspects of typeface selection because they — by default — make subjective decisions for us. There are no fixed positions on the spectrum from subjective to objective. However, we know that legibility is more easily quantifiable than a mood. Let’s start with the two most objective attributes — legibility and readability.

Legibility Link

It may seem at first glance that legibility and readability are the same thing, but they are not. Legibility refers to the design of the typeface, as in the width of the strokes, whether or not it has serifs, the presence of novel type design elements etc. It is easy to tell one letterform from another in a legible typeface. For instance, decorative typefaces have low legibility because they are primarily meant to be seen at a glance, rather than read at length. Conversely, typefaces designed for novels or newspapers have very high legibility. You need to design a specific, overall legibility based on the function of the text.

Consider this example where the left block of text is set in Tobin Tax, a decorative serif typeface. Compare it to the same text set in Sabon, a classic and highly-legible serif typeface. Where does your typeface choice fall between these two extremes?


Quick tips for great legibility:

  • Choose typefaces with conventional letterforms.
    Letterforms composed of unique shapes, artistic deformations, excessive ornamentation or other novel design elements cause the reader to have to process what they are looking at first, instead of just taking in the message. Novelty always comes at the cost of immediate comprehension.
  • Choose typefaces with generous spacing.
    Tight tracking causes the eye to fill in visual gaps between the various shapes that make up different letterforms, thus slowing down the time it takes to both recognize letterforms and word and sentence structures. Generous spacing allows the eyes to proceed as fast as the cognitive skills of the reader will permit.
  • Choose typefaces with a tall x-height.
    A “short” x-height decreases legibility of certain letters. The apertures, or openings, of similar lowercase letters like “c” and “e” are distinguished with greater ease if the x-height is generous.Please notice: The x-height shouldn’t be “high”. The font size, weight and width must just be chosen according to the x-height of the font. Sure, at first glance one typeface with a larger x-height might look more legible than another, but the the latter is just set too small (or too bold or too condended). In addition, a large x-height only helps a few letters like e, s, a (with double-storey shape). Other characters (with descenders, diacritical marks) suffer from a larger x-height. (Thanks to Ralf Herrmann for clarification!)

Readability Link

How your typeface is set, combined with the basic legibility of the typeface, yields a certain level of readability. Readability is the dynamic interaction of the type style, size, tracking, leading, color and other properties all combined into one overall impression. They add up to a certain typographic style which has a quantifiable degree of readability. For instance, you could use a style that has an intentionally low readability that is part of the message. Or you could focus on designing a high readability because your message is complicated, and you don’t want your type style to hinder the audiences’ understanding in any way. In most cases, communication comes before style, so resolve readability first.

Let’s take our previous example of Sabon and alter the readability. On the left, we have taken the text and decreased the font size, altered the tracking and leading, lightened the color, and set the block to full justification. It’s now a mess with unattractive text rivers. On the right, we’ve left the unaltered for an obvious comparison. Changing several independent factors, as you can see, can add up to quite a difference.


Quick tips for great readability:

  • Choose typefaces that were designed for the purpose you are using them for (display fonts for headlines, body copy typefaces for body copy, etc.).
    Choosing a font designed for display purposes, like headlines or posters, means that it will not function very well as a body text typeface where larger quantities of text will be read. Conversely, a typeface designed for extended reading loses its impact in relation to how large it is blown up.
  • Align text to “right ragged” for comfortable word spacing online to avoid “rivers”.
    “Force-justified” text, or hyphenless justification, always creates ugly rivers and awkward spacing which causes the reader to lose the natural flow of the text as the eye has to make various leaps and jumps to complete words and sentences. Currently, there is no proper native support for hyphenation in CSS, but you could use Hyphenator.js6 for a proper client-side hyphenation online.
  • Make sure your line height is greater than the point size of your typeface for multi-line texts.
    It’s difficult for the eye to track across a line of text and stay “on track” if the lines above and below it are too close to it. Our eyes are easily confused especially when wrapping from the end of one line of text to another. How many times have you read the same line of text twice on generously-spaced lines of text? Probably once — of course if the content is easy to understand as well. Don’t make your readers work harder than they have to.

With the two most subjective factors out of the way, let’s move on to appropriateness.

Aspects of Appropriateness Link

Some typefaces are more suitable for a design task than others. Appropriateness is something you can learn by both experience with a typeface, and by other attributes of the typeface, including its history and original purpose. Here are four attributes of a typeface you can consider.

Design Intent Link

It’s very helpful to consider the design intent of the typeface. Many popular typefaces have detailed write-ups and reviews, so it’s really inexcusable to not know at least something about your choice. If a typeface was designed for signage, like Cooper Black, it probably isn’t going to work well set as the body copy of a book. That might be an obvious example, but don’t miss the subtleties in your own choices. Again, it only takes a few seconds to look something up, or flip open a decent typography book to get some basic facts, and you’ll be wiser for it.

Aesthetics Link

Your typeface should conform to the aesthetics expected by the audience for which the design is intended. For instance, if you are designing a piece for a bank, setting their logo or the text for an ad campaign in Souvenir might be a little too light hearted and free-spirited — not qualities one would want to associate with people who manage your money. However, the stately and stable-minded Bembo might be a better choice for this situation. The more you match the gist of the typeface to the gist of your topic, the easier success will come.

In this example, we’ve created two combinations of typefaces. The first one, Lithos and Souvenir, create an aesthetic more suited to a children’s museum than a bank. The second combination is composed of Clarendon and Bembo, which fits the topic like a well-tailored banker’s suit.


Quick tip for judging aesthetics:

  • Look at a typeface and write down several words the typeface “says” to you about itself, and then compare that to what your design objective for the typeface is. Do they correlate? Be convinced, after this analysis, that you have the right typeface choice. If you are not sure, it would be best to not proceed.

Mood Link

As you read through these factors, you’ll realize that they overlap a little. Mood, for instance is a dynamic synthesis of what you get when you consider the aesthetics of a typeface together with the readability you’ve designed into your piece, along with, of course, the perceived meaning of the text itself. For instance, with one typeface and one text you can evoke a mood of excitement or panic. The typeface itself first evokes a strong reaction, but the readability of the design and the text itself can take communication to another level.

On the example below, notice how the implied meaning of the phrase “kick back and relax” is dramatically changed by altering the typeface and readability. Mood is very powerful, and it’s a good idea to have a second set of eyes reviewing your work to make sure you don’t send the wrong message. This demonstrates that matching the basic personality of the typeface, and its readability, to the intended emotional response of the message is a sure-fire recipe for success.


Quick tip for pinpointing mood:

  • Think of the exact opposite of the mood you want to create and look at your work on a given design thus far. If you can’t come up with an opposite mood, it might mean you have not created a strong impression of the right mood. Remember, the opposite of neutral is neutral.

Personal Choice Link

Many times, a typeface just strikes you for some reason as appropriate. Your right brain knows it but your left brain can’t understand why. If you can make it work based on that alone, go for it. You would of course do well to get informed about the typefaces in your arsenal, especially if you keep using them over and over. You may discover that your use of a typeface has nothing to do with its original intent, but it can still look great.

For instance, you might like OCR-A on the cover an album design, though OCR-A was designed specifically for optical scanners so that computers can recognize the words through software. So what if computers are supposed to read it? If it fits the design intent of your project and you can pull it off, do it. Just do it well or choose another typeface.

Quick tip about personal choice

  • Trust your gut but make sure you can quantify, in typographic terms, aspects of your choice so that you can defend your design decisions armed with intelligent answers. You may also find that a defense of  even your most subjective choice goes a long way if it’s clear you did think it out and have a reasonable rationale.
  • Come up with your type selection quality scale.
    You might want to consider creating your personal checklist with type selection details which you can then consider and apply in your typographic choices. This would help quantify your decisions and make them comparable.

A Few Technical Considerations Link

Don’t overlook the obvious. For instance, if your design job is going to include work using a lot of numbers, you’ll want to make sure you choose a typeface that has the kinds of numbers you want to use. Some typefaces use Old Style, or lowercase numbers. Other typefaces use Lining, or uppercase numbers.

You might be persuaded that large spreadsheets of numbers for technical work are easier to read with lining style numbers because they don’t use the lowercase descenders and are more even on the eye when used in large quantities. But if your design features a lot of up-and-close with over-sized numbers, the Old Style numbers might be infinitely more pleasant. Again, the mood you want to convey plays a role in this choice: Old Style numbers look… old. That could be good in the right context but not so good in the wrong one.

To add to this list, you might consider if a typeface has a full set of ligatures and if it contains true small cap characters. Missing ligatures can look unattractive at large sizes. Fake small caps usually look odd because stroke widths aren’t compensated for. In short, it’s best to choose a typeface that is as complete as possible. And if you choose a free typeface, you’ll find that it is often these critical “extras” that are missing. Make sure that the free typefaces have exactly the features you need for your design and that they are licenced for the work you are doing.

Tips for Choosing a Typeface Link

Let’s pull it all together with some pragmatic ways to get your typeface choice made. You might want to try these tips, which many designers use to their advantage in one way or another. Be the beneficiary of their wisdom and experience.

1. Plan Your Hierarchy Link

First, make sure you have a good grasp of the content and typographic hierarchy your design job will dictate. You may realize, after a thorough analysis, you need five fonts (not typefaces) to cover your various heading, sub-headings and call-outs. Can your typeface provide enough variation with bolds, italics and small caps? Or do you need two typefaces to create more distinction in the hierarchy? Three? Use a mind-mapping tool or make a traditional outline to see as much as you can before you start choosing typefaces. Consider this example of a bad and a good hierarchy using the same text. Notice the role white space plays in the hierarchy, too. Use as many levels as you need as long as there is distinction and clear purpose in your choices.


2. Consider What Others Have Done Already Link

You’ll find that the designers before you have already figured out ways to use the typefaces you are considering, so you don’t need to reinvent the wheel. Look around, and carefully consider what others have done already. The site Fonts In Use7, for example, features typographic choices made by professional designers in various industries. And don’t dismiss familiarity when you come across it in other designers’ work. Often times “boring” and “familiar” are your best friends when it comes to choosing type. There are good reasons some typefaces get used a lot for certain purposes — they just work, and work really well.

3. Experiment the Easy Way Link

Here are some tips to help you experiment quickly and thoughtfully with your typeface choices:

  • Set up style sheets whether you are designing for the Web or print, which speeds up the flow of ideas because they are easy to swap out. You could also use Web Font Specimen8 for this purpose.
  • Play with the hierarchy by changing the size of different elements to create and release tension.
  • Judge the results and change something, but only change one thing at a time.
  • Get a second or third opinion. You might have missed the obvious.

4. Avoid Anachronisms Link

For instance, if you don’t know the particular history of typeface, you could end up using it in a way that makes you look a little silly. What if you picked Trajan to illustrate the title graphics of an article about ancient Greece? That would be an unintended anachronism since Greece pre-dates Rome, and Trajan was a Roman emperor. The typeface Trajan is taken from “Trajan’s Column”, which is a monument to a military victory around the year 100 A.D. Just having to answer “Trajan” to the question “What font did you set the cover of this book about Ancient Greece in?” will make you squirm just a little. It pays to double check. And sometimes it pays to be neutral by choosing something safe for an academic topic, like Arno.


5. Avoid Trite Correlations Link

If you apply this rule rigorously, you are unequivocally guaranteed to retire from your design career as Typographer Emeritus. Let’s just examine this principle by example and let the lessons teach themselves:

  • Don’t use Papyrus just because your topic is “ancient” in some way, especially if it’s about Ancient Egypt. (Better yet, don’t use Papyrus at all)
  • Don’t use Comic Sans just because your topic is humorous. (Better yet, don’t use Comic Sans at all)
  • Don’t use Lithos just because your topic is about Greek restaurants.
  • Don’t use Futura just because your topic deals with “the future”.


Does this leave room for typefaces with built-in “effects”? Yes, indeed. Just don’t do something so blatantly obvious it took you less than one second to think of it. The tell tale sign you are making a trite correlation is that you have a collection of decorative fonts you frequently peruse in your font manager while pining away for a topic to shoehorn them into. If you have not avoided these kinds of trite correlations in the past, it’s OK. Don’t live in the past, but don’t do it again.

6. Consider an Extended Type Family Link

If your project is ongoing and diverse, it would be wise to consider investing in a quality extended type family upfront. Why not kill all the birds you can find with one stone? When you choose an extended type family, you get the benefits of having had the type designer do more use-case scenarios than you will likely ever be faced with. Extended type families usually have serif and sans serif versions, along with multiple weights, full sets of special characters and ligatures etc., which ensure that you’ll be able to find the right solution for just about every typographic challenge you could imagine. An extended type family will also give you a very uniform, orderly mood and aesthetic, which may or may not be what you want.


7. Stick With the Classic Combinations Link

When you are stuck, go with the tried and true, especially if your deadline is tight. If you choose a neutral serif and sans serif combination, you might lose a little “edge”, but at least the integrity of your design and message won’t suffer. When is the last time you called on Caslon or Univers and regretted it? Face it: you’ll never get ITC Avant Garde Gothic and Trebuchet MS to cooperate. Instead, consult well respected typography-related resources. See what professional designers agree on. It’s likely you already have some of the classics you’ll find referenced. Perhaps those same fonts are complete and are of high quality, which makes choosing them in a pinch that much easier. You will fail them before they fail you.


8. Use a Limited Palette Link

You’ll find many opinions on this, but it’s also not a bad idea to consider a limited palette of typefaces you like best from lists of the most popular type of all time. They are the most popular for a reason. Some designers have gone a whole career using less than twenty typefaces most of the time. For instance, you could use the FontShop’s 100 Best Typefaces9 (in German, also available as a PDF) as a reference. To that list, you should try to add a few newer, and not just classic, typefaces. While you are at it, consider adding one or two unique but highly-versatile modern typefaces from independent foundries, and not just the larger established ones that might be more familiar.

In this example, we’ve combined Bembo with various fonts from Haptic Pro, a typeface family originally designed 2008 by Henning Hartmut Skibbe. Something old and something new, and you can go a long way with a style all your own:


Final Tip: Break The Rules Link

Break the rules but only after you can name some of them. Knowing the basics described in this article will help you make intelligent choices about what rules to break and how to break them. You might have to go through ninety-nine bad ideas to get to that one great idea, but the process is fun. Remember: knowledge of type gives you the power to express yourself more creatively with it. To “push the envelope”, as the cliché goes, you first need to know what and where the edges are.


Further Resources Link

You may be interested in the following related articles and resources:

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14

↑ Back to top Tweet itShare on Facebook

Douglas Bonneville is a professional graphic designer and developer since 1992 who runs the BonFX graphic design and typography blog. Overly intrigued by typeface combinations, he authored The Big Book of Font Combinations and developed the Font Combinations App. He is also proprietor of Oxbow SEO and Oxbow Domains.

  1. 1

    John Mindiola III

    March 24, 2011 5:38 am

    A good primer for any designer or design student. Tip #5 is easily my favorite, however I’d say that “trite” is a better starting point than “not even close.” Case in point: your section titled Mood. This is a solid article overall.

    • 2

      Good words.

    • 3

      I can’t believe how many insightful messages I read on here today! Thanks everyone for leaving interesting finishes to read. Everyone was spot on in their visual examples. Kudos Everyone!

  2. 4

    Great article, good advice for non-designers or clients doing in-house work, and well, my Mom, she loves Papyrus.

  3. 5

    Thank you for such a great post. I am currently studying typography and this comes in perfect timing!

  4. 6

    Great Article, I find font choice to be one of the most difficult part of any design that I work on, hopefully this will help :)

  5. 7

    I look at Typefaces with other eyes now 8-) Thanks for the article.

  6. 8

    What would be great, is if the images used in this article would actually show up when printed via IE8, IE9, Firefox 4, or Chrome…

  7. 9

    Julian Gaviria

    March 24, 2011 12:55 pm

    Typo #5 second paragraph:

    ‘Does this leave room for typefaces will built-in “effects”?’


  8. 13

    I’ve started counting the number of products/restaurants/etc I see with Papyrus as their logo font. The count is getting astronomical.

  9. 16

    Tyler Shaqiri

    March 24, 2011 6:47 am

    Awesome post. I thoroughly enjoyed this article. Thank you.

    LOL @Emily
    Please tell you mom to avoid Papyrus…it is perhaps one of my least favorite fonts and should be avoided like a plague!

    • 17

      Douglas Bonneville

      March 24, 2011 7:34 am

      To all the Mom-typographers of the world: Just Say No to Papyrus.

      We can always revisit Papyrus in 2050 and see how it looks then.

  10. 18

    >>>A tall x-height makes it easy to read lowercase type.

    That’s a common and often repeated myth. The x-height shouldn’t he “high”. The font size, weight and width must just be chosen according to the x-height of the font. Sure, at first glance one typeface with a larger x-height might look more legible than another, but the the latter is just set too small (or too bold or too condended).
    In addition, a large x-height only helps a few letters like e, s, a (with double-storey shape). Other characters (with descenders, diacritical marks) suffer from a larger x-height.

    • 19

      Douglas Bonneville

      March 24, 2011 8:29 am

      @ Ralf H:

      In a generic context, it might be more often true than not, so some clarification could have been made there: agreed. “Tall” could be qualified as “taller vs shorter”, but certainly not “tall” in general, which the word choice seems to imply. Good clarification…

      You could say, though, in an equally generic context, that a “short” x-height decreases legibility of certain letters. That would be true in many cases, but again, “shorter vs taller” would be the issue.

      Look at 10pt Bernhard Modern vs 10pt Garamond vs 10pt Sabon or Times at arms length. That is the point I was trying to make.

    • 20

      Vitaly Friedman

      March 24, 2011 3:07 pm

      Ralf, thank you for your feedback. I just updated the article. Your feedback is very much appreciated.

  11. 21

    Thanks Doug for this guide. I hate to admit it but I’ve never really studied and liked typography as much as I should have. I’ve always stuck to the basics just to be on the safe side. Thanks to this, you’ve sent me on the way to be more conscious of my type choices. I think that with what I’ve learned just by reading this guide, when I go look over my past projects I’ll probably cringe. I hadn’t really considered text rivers, numbers, true small cap characters and other such subtleties until now.

    • 22

      Douglas Bonneville

      March 24, 2011 8:52 pm

      @ Grace:

      I’m very glad this helped you. It really doesn’t take much to bring things to the next level. It is simply information, and once you know, you can’t go back to not knowing. A little bit of info, especially the fundamentals, goes an extremely long way. Things like rivers are so easy to fix once you know how to recognize and name them.

  12. 23

    Is it too obvious to state a couple of other points about readability?

    There’s a reason why books are set in serif type. Large blocks of text are just easier to read in serif type. And don’t reverse paragraph after paragraph. I gave up reading an article in this month’s Wired because looking at page after page of reverse type just wore me out.

    • 24

      What’s “reverse type?” I want to make sure I’m not using it! Thanks.

      • 25

        Douglas Bonneville

        March 25, 2011 9:47 pm

        @ Amanda: I think Pats is referring to white text on black, thus, a reverse of the normal black on white. Too much white on black is very hard to read. It’s effective in short doses, but fatiguing in any large measure.

  13. 26

    The ONLY place that the typeface Lythos is appropriate to be used is on the menu at a Greek restaurant.

  14. 27

    Great article, you really managed to bring something new to the table without falling into the snooty “you just have to get it” advice a lot of typographers / graphic designers put forth.

    Will we ever get to see an Android version of Font Combinations? I know I would definitely enjoy it!

    • 28

      Douglas Bonneville

      March 24, 2011 1:37 pm

      Funny you mention that :) All new versions are coming out shortly, for iPhone, Android, iPad, and Mac OS :) I won’t say any more…

    • 29

      Douglas Bonneville

      March 24, 2011 1:49 pm

      “Snooty typographers”…there is a book topic right there. It’s almost only with typographers though. I rarely come across that attitude in other disciplines and specialties and sub-disciplines in the design field. The closest might have been CSS purists from 6-7 years ago…Typography is a very strange alchemy of exacting science, totally subjective art, and software. It draws eclectic personalities, for sure, and that is one of it’s enduring strengths. Some personalities are stronger than others, for sure.

      • 30

        Frode Bo Helland

        March 24, 2011 3:40 pm

        Note to self: “Try not to be snooty!” I’m no typographer, but I know plenty about designing and using type.

  15. 31

    James Mwaniki

    March 25, 2011 1:22 am

    Quite a good article and very eductive.

  16. 32

    Thanks for the share.I like this post.It contains good examples of how to choose a type face.

  17. 33

    Thanks so much for this timely article. I have been staring at the font combinations that I have for the redesign I am working on and getting more and more frustrated with the mood and feel of the font versus my intent. Now I can take a step back and get some fresh perspective. Thanks again!


  18. 34

    Great Information Here!!!

  19. 35


  20. 36

    I really appreciate the rigor of this article. Most typo articles linger on the same stale, factual truisms (‘Serif text is easier on the eyes!’) or else hang out too much on the subjective side of things (I’m raising my hand guiltily here). This is one of the few pieces I’ve read that does justice to both the scientific and subjective sides of the equation, and helps us to understand where one ends and the other begins.

    Also, I will definitely be remembering the axiom ‘the opposite of neutral is neutral’.

    • 37

      Douglas Bonneville

      March 25, 2011 10:29 pm

      @ Dan: It is indeed easy to write about visual media and lapse into gratuitous subjectivity. The key is having a concrete point in mind and use subjective analogy to highlight it from a particular angle. If you repeat that process a few times, several “subjective” illustrations can end up making a technical point far better than just the technical point alone. Typography is a subject that fortunately has enough objective components that subjective writing can’t do it justice alone, and enough subjective components that a purely technical description of rules would be insufficient.

      Typography is similar to classical art (I’m thinking of Northern European Renaissance oil painting for instance) which has rules of compositions, rules of painting (concrete methods and materials) and many other completely quantifiable attributes than can be identified, classified, and studied. Typography is unlike modern art, with no formally defined elements, no formal rules of composition, and few systematic methods. That is why writing about classical art is so much easier and legitimate than writing about contemporary art, and most writing about contemporary art (and the art itself) is garbage. :)

  21. 38

    Toby Sturgill

    March 28, 2011 6:49 am

    I LOVE numbers 1 & 5. Hierarchy is SO important and critical for information management. A little organization can go a long way. Thanks for all of this!


  22. 39

    thanks for a great post, no matter how much one study about typography its never finish

  23. 40

    miguel ochando

    March 31, 2011 9:15 am

    Great (and necessary) article. I teach typography in Madrid, Spain. Allow me to translate it into Spanish and post it on my blog to offer my students? (and to whom it may concern and not fluent in English). thanks a lot.

  24. 41

    Michael Randitsas

    March 31, 2011 7:45 am

    I love the Avoid Trite Correlations section. Thanks so much for mentioning “Don’t use Lithos just because your topic is about Greek restaurants.” It’s very true. I’m Greek and I’m so exhausted at seeing that font used with everything related to Greece. It makes me want to redesign everything set in that typeface.

    @mdr87 on Twitter.

  25. 43

    Break the rule: make chinese restaurant logo without using Shanghai font.

  26. 44

    Quite a good article and very eductive.

  27. 45

    Great article. I’m teaching typography & this will be great to give to my beginning design students. Thanks!

  28. 46

    Great article! I’ve been looking around for some more articles or sites on font pairing, anyone have ideas where I can look? Thanks in advance :)

    • 47

      Douglas Bonneville

      April 6, 2011 10:25 pm

      Follow my profile above to a big article on font combinations here at Smashing Magazine. I’d also suggest googling “font combinations”, the most commonly searched term compared to others like “font pairing” or “typeface combinations”. There is also a book by yours truly in the Smashing Shop (link at top).

  29. 48

    The biggest mistake I know of in terms of not taking the historical background of a typeface into account is Save the Children’s logo, which uses Gill Sans. Eric Gill sexually abused his own children…

  30. 51

    Thanks for the insight guys. You can never read enough. thanks.

  31. 52

    As much as I love this article, I think designers need to get over themselves when it comes to certain fonts, such as Papyrus. I really like that font and will use it on webpages. If that drives away snobs, so be it — nobody needs them, anyway.

  32. 53

    It seems to me no-one has actually given a real reason for disliking Comic Sans, Papyrus and other overused fonts, other than they are way overused. There aren’t any reasons for not using them under the right circumstances. The problem is, they are often used in the wrong context or their use stems from laziness or inexperience. Does that mean they should be on the world’s most hated list of fonts? I think not. It is snobbery. lol

  33. 54

    Great article. I’m just getting started with web development as a side job and one thing I am seriously lacking on in my typography skills. With that said, I just picked up my third project and the customer is set on using their logo which is basically a small graphic along with their name printed in the Papyrus font. I never really liked that font myself but had no idea how unpopular it was on the web until I started to read a little about typography.

    They are not willing to budge on the logo as they have spent money using that logo in other forms of advertising. Are there any suggestions out there for a good 2 font combination to be used in the page so I can avoid using Papyrus for headers and such?

  34. 55

    Nick Mekjian

    July 3, 2011 1:47 am

    I just recently discovered “The Big Book of Font Combinations”. Kudos on the great primer here and the incredibly useful book!

    • 56

      Douglas Bonneville

      August 7, 2011 7:35 pm

      Thanks Nick! I hope you get some miles out of it! I’m glad it’s available in the Smashing Magazine store…

  35. 57

    Really is helping me a lot on working my on-going project!

  36. 58

    OMG! The “Kick Back and Relax” Example was so SPOT ON!!


↑ Back to top