BonFX

Typography & Graphic Design Blog

  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Services
  • About
  • Contact
You are here: Home / Font Combinations / Free PSD from Smashing Magazine article “Combining Typefaces”

Free PSD from Smashing Magazine article “Combining Typefaces”

November 7, 2010 by Douglas Bonneville

I had a few requests for the PSD from which all the graphics were created for the article “Best Practices of Combining Typefaces“. Here it is for anyone interested in how the graphics were made, whether you liked the psuedo-CSS3 embossing or my choice of colors or not :).

Of course, if you don’t have the fonts installed that I used to make the graphics, you’ll have to substitute them for something else if you want to make edits. If you don’t have the fonts, you can still see how the effects were done and how the layers were organized.

Your mileage may vary. Enjoy!

  • font combo examples.psd

Also, check out our “Big Book of Font Combinations” while you are here visiting, and get a few new ideas!

Yo, Font-Addict! Grab 350+ font combinations for web and print — in print from Amazon or ebook (40% OFF) from Gumroad. You know you want to!

Related Articles

  • 17 Types of Fonts
  • Best Fonts for Designers
  • 600+ Google Font Combinations
  • The Big Book of Font Combinations

About Douglas Bonneville

Douglas has been a graphic designer since 1992, in addition to software developer and author. He is a member of Smashing Magazine's "Panel of Experts" and has contributed to over 100 articles. He is the author of "The Big Book of Font Combinations", loves cats, and plays guitar.

Comments

  1. PSD Hero says

    November 12, 2010 at 2:16 am

    WOW!I like graphics, portfolio and much more. thankx for sharing.

  2. Danny says

    November 19, 2010 at 3:44 pm

    Greatly Appreciated!!! I sat here the afternoon the article came out like… I have to know how to do the embossing like that – I studied it and made a similar form… BUT NOW I can compare! Thanks again!!!

  3. Douglas Bonneville says

    November 19, 2010 at 3:56 pm

    Glad the file was helpful to you! I’ll post the PSD from the next article too. People seem to really appreciate a freebie 🙂

  4. Danny says

    November 19, 2010 at 4:55 pm

    I know in my shoes at least… freebies allow for a look into the designers thought process… Even looking at your hierarchy to the design elements was a small taste of your design style… THATS more or less what I’m after 🙂 OH and hey btw… I’m tried to grab your LinkedIn URL and the one on your sidebar sends me to an error page. I tried it multiple ways – so here’s a friendly heads up!

  5. Douglas Bonneville says

    November 19, 2010 at 5:00 pm

    Danny – thanks for the heads up on the LinkedIn link – I just fixed it!

    I wish more designers put out the PSDs. I find the actual PSD is much more efficient than a tutorial. At least for me it is – that’s how I learn best. So I’m trying to offer the kinds of things I wish I could find myself when I need them!

  6. Danny says

    November 19, 2010 at 5:05 pm

    I couldn’t agree more, I’m using your “pseudo CSS3” technique right now! Lol Your commenting public thanks you!

Still Googling UX terms?

Stop. They're all right here.

UX for Cats book cover

50 terms. Illustrated.
So simple your cat gets it.

Get the Book →

Print & ePub on Amazon

350 font combinations you can steal.

The Big Book of Font Combinations

Every pairing shown in context — web, print, headings, body. Open it, find one that works, use it.

That's it. That's the book.

In print or ePub 40% OFF on Gumroad

Scrolling Google Fonts for "the right one"?

You've been at it for 20 minutes. You'll be at it for 20 more. There are 1,500 fonts in there.

Pocket Handbook of Google Fonts Combinations

We paired every useful Google Font.
7,500 pages. Done.

Get the PDF →

Instant download on Gumroad

Recent Inspirations

  • 50 Essential UX Terms Every Designer Must Know, Illustrated February 8, 2026
  • Why Ugly Websites Win: The Case for Brutal Minimalism in 2026 January 20, 2026
  • The Post-Design Web: Why System Fonts Are the Future January 20, 2026
  • What Fonts Go With Work Sans? January 11, 2026
  • What Fonts Go With Source Sans Pro? January 11, 2026
  • What Fonts Go With Rubik? January 11, 2026
  • What Fonts Go With Nunito Sans? January 11, 2026
  • What Fonts Go With Neuton? January 11, 2026
  • What Fonts Go With Josefin Sans? January 11, 2026
  • What Fonts Go With Inconsolata? January 11, 2026
  • What Fonts Go With Fira Sans? January 11, 2026
  • What Fonts Go With Chivo? January 11, 2026
  • What Fonts Go With Cardo? January 11, 2026
  • What Fonts Go With Roboto? January 11, 2026
  • What Fonts Go With Spectral? January 11, 2026

Copyright © 2026 · BonFX

  • Blog
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • Gallery
    • Monster Alphabet
    • Pen and Ink Cartoons
    • The Algorithm FX
  • Services
  • About
  • Contact