The Ultimate Collection of Google Font Pairings (Displayed Beautifully with Classic Art)

by Lou Levit

Lou Levit

Welcome to our Ultimate Collection of Google Font Pairings and Combinations! A tremendous amount of time, energy, love, and effort went into compiling and designing the 50 font pairings below.

I hope you find this to be a powerful resource that helps fuel your personal and client design projects for a long time to come. Speaking of which - I highly recommend clicking the button at the bottom right corner of your screen that says "Download this post as a PDF!"

That way you'll always have this Google Fonts Collection as part of your personal library to reference any time you need it.

Also, I'd be honored if you hit the "Share" button at the bottom right corner too and helped spread the word. Our dream is for this post to help as many designers as we possibly can. Your help in spreading this to more designers is greatly, and warmly, appreciated.

Care to gain insight into how we put this post together and what it's all about? Read the article that's placed immediately after the 50 font combinations!

Thanks for stopping by, scroll on down to see the collection, and enjoy!

Sort by
Open Panel
robotO condensed bolD
cabin regular

The life of a designer is a life of fight.

Fight against the ugliness. Just like a doctor fights against disease. For us, the visual disease is what we have around, and what we try to do is cure it somehow with design.

Massimo Vignelli

View Roboto + Cabin on Google Fonts

Click to open HTML + CSS

raleway light
open sans regular

If I was influenced by anything, it was architecture.

Structure having to do with logic. If you don't do it right, the whole thing is going to cave in. In a certain sense, you can carry that to graphic design.

Paul Rand

View Raleway + Open Sans on Google Fonts

Click to open HTML + CSS

playfair display bold italic
source sans regular

Design is the method of putting form and content together.

Design, just as art, has multiple definitions; there is no single definition. Design can be art. Design can be aesthetics. Design is
so simple, that’s why it is so complicated.

Paul Rand

Click to open HTML + CSS

roboto bold
Lora regular

So what is design
all about?

So what is design all about? It [exists to] decrease the amount of vulgarity in the world ... to make the world a better place to be. It doesn’t have to be one style. We’re not talking about style, we’re talking about quality. Style is tangible, quality is intangible. I am talking about giving to everything that surrounds us a level of quality.

Massimo Vignelli

View Roboto + Lora on Google Fonts

Click to open HTML + CSS

abril fatface
poppins light

My adventure has all been in my mind.

My adventure has all been in my mind. The great adventure has been thinking. I love to think about things. I think that the lack of drama in my life has produced a platform for me to be fundamentally adventurous in my thinking.

Milton Glaser

View Abril + Poppins on Google Fonts

Click to open HTML + CSS

ruda regular
Roboto Slab

I don't think of design as a job.

I think of it as - and I hate to use this term for it - more of a calling. If you're just doing it because it's a nice job and you want to go home and do something else, then don't do it, because nobody needs what you're going to make.

Paula Scher

View Ruda + Roboto Slab on Google Fonts

Click to open HTML + CSS

cormorant garamond bold italic
fira sans regular

I want everything
we do to be beautiful.

I don't give a damn whether the client understands that that's worth anything, or that the client thinks it's worth anything, or whether it is worth anything. It's worth it to me. It's the way I want to live my life. I want to make beautiful things, even if nobody cares.

Saul Bass

View Cormorant + Fira Sans on Google Fonts

Click to open HTML + CSS

pt sans bold
playfair display regular

It is very important to embrace failure and to do a lot of stuff.

As much stuff as possible — with as little fear as possible. It’s much, much better to wind up with a lot of crap having tried it than to overthink in the beginning and not do it.

Stefan Sagmeister

View PT Sans + Playfair on Google Fonts

Click to open HTML + CSS

Roboto light
droid serif regular

I’m a big believer in the emotion of design

and the message that’s sent before somebody begins to read, before they get the rest of the information; what is the emotional response they get to the product, to the story, to the painting - whatever it is.

David Carson

View Roboto + Droid on Google Fonts

Click to open HTML + CSS

oxygen light
Noto serif regular

Kiddies, graphic design, if you wield it effectively, is Power.

Power to transmit ideas that change everything. Power that can destroy an entire race or save a nation from despair.

Chip Kidd

View Oxygen + Noto on Google Fonts

Click to open HTML + CSS

arvo regular
lato regular

You have to utilize who you are in your work.

Nobody else can do that: nobody else can pull from your background, from your parents, your upbringing, your whole life experience.

David Carson

View Arvo + Lato on Google Fonts

Click to open HTML + CSS

lato italic
catamaran regular

The words graphic designer, stick in
my throat

giving me a sense of limitation, of specialization within the specialty, of a relationship to society and form itself that is unsatisfactory and incomplete. This inadequate set of terms to describe an active life reveals only partially the still undefined nature of the designer.

Alvin Lustig

View Lato + Catamaran on Google Fonts

Click to open HTML + CSS

merriweather regular
muli light

Good design is a matter of discipline.

It starts by looking at the problem and collecting all the available information about it. If you understand the problem, you have the solution. It’s really more about logic than imagination.

Massimo Vignelli

View Merriweather + Muli on Google Fonts

Click to open HTML + CSS

PT sans italic
bitter regular

No matter how many times your amazing, absolutely brilliant work is rejected

by the client, for whatever dopey, arbitrary reason, there is often another amazing, absolutely brilliant solution possible. Sometimes it’s even better.

Bob Gill

View PT Sans + Bitter on Google Fonts

Click to open HTML + CSS

cinzel bold
fauna one

You can set out to make a painting

but you can’t set out to make a great painting,” she said. “If you look at that blank canvas and say, ‘Now I’m going to create a masterpiece’—that’s just foolhardy. You just have to make the best painting you can, and if you’re lucky, people will get the message.

Susan Kare

View Cinzel + Fauna on Google Fonts

Click to open HTML + CSS

old standard tt
rubik regular

The real issue is not talent

as an independent element, but talent in relationship to will, desire, and persistence. Talent without these things vanishes and even modest talent with those characteristics grows.

Milton Glaser

View Old Standard + Rubik on Google Fonts

Click to open HTML + CSS

work sans light
open sans regular

Asymmetry is the rhythmic expression of functional design.

In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.

Jan Tschichold

View Work Sans + Open Sans on Google Fonts

Click to open HTML + CSS

alegreya regular

The artist constructs a new symbol with
his brush.

This symbol is not a recognizable form of anything which is already finished, already made, already existing in the world - it is a symbol of a new world, which is being built upon and which exists by way of people.

El Lissitzky

View Questrial + Alegreya on Google Fonts

Click to open HTML + CSS

oswald regular
quattro cento regular

The grid system is an aid, not a guarantee.

It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.

Josef Müller-Brockmann

View Oswald + Quattrocento on Google Fonts

Click to open HTML + CSS

Nunito LiGHt
pt sans regular

I find going to bed & pulling imagination over my head often means waking up

with a solution to a design problem. That state of limbo, the time between sleeping and waking, seems to allow ideas to somehow outflank the sentinels of common sense. That’s when they can float to the surface.

Alan Fletcher

View Nunito + PT Sans on Google Fonts

Click to open HTML + CSS

unica one
crimson text roman

A logo doesn’t sell, it identifies.

A logo derives its meaning from the quality of the thing it symbolizes, not the other way around. A logo is less important than the product it signifies; what it means is more important than what it looks like.

Paul Rand

View Unica + Crimson on Google Fonts

Click to open HTML + CSS

julius sans one
Monda regular

Designing is not a profession but an attitude.

Design is the organization of materials and processes in the most productive way, in a harmonious balance of all elements necessary for a certain function.

Laszlo Moholy-Nagy

View Julius + Monda on Google Fonts

Click to open HTML + CSS

varela round
Noto serif

If you ever have the good fortune to create

a great advertising campaign, you will soon see another agency steal it. This is irritating, but don't let it worry you; nobody has ever built a brand by imitating somebody else's advertising.

David Ogilvy

View Varela + Noto on Google Fonts

Click to open HTML + CSS

vollkorn regular italic
raleway medium

The fun of being a designer is to do something original.

to make images that nobody’s ever seen before. And the only way you’re going to do that is to avoid what the culture tells you is good. There is no good. The good comes from what does the job.

Bob Gill

View Vollkorn + Raleway on Google Fonts

Click to open HTML + CSS

ovo regular
quattrocento sans regular

The public is more familiar with bad design than good design.

It is, in effect, conditioned to prefer bad design, because that is what it lives with. The new becomes threatening, the old reassuring.

Paul Rand

View Ovo + Quattrocento on Google Fonts

Click to open HTML + CSS

permanent marker
overpass regular

Failure is built into creativity.

The creative act involves this element of ‘newness’ and ‘experimentalism’, then one must expect and accept the possibility of failure.

Saul Bass

View Permanent + Overpass on Google Fonts

Click to open HTML + CSS

ubuntu bold
Open sans regular

You have power as a designer

to change the relationship someone has with an object. Your challenge is to keep people looking. Build in those little details. To some people, they might mean a lot.

David Pearson

View Ubuntu + Open Sans on Google Fonts

Click to open HTML + CSS

source sans pro black
Sintony regular

If you remember the shape of your spoon at lunch...

it has to be the wrong shape. The spoon and the letter are tools; one to take food from the bowl, the other to take information off the page... When it is a good design, the reader has to feel comfortable because the letter is both banal and beautiful.

Adrian Frutiger

View Source Sans + Sintony on Google Fonts

Click to open HTML + CSS

slabo regular
Lato regular

I like stuff designed by dead people.

The old designers. They always got it right because they didn't have to grow up with computers. All of the people that made the spoon and the dishes and the vacuum cleaner didn't have microprocessors and stuff. You could do a good design back then.

John Maeda

View Slabo + Lato on Google Fonts

Click to open HTML + CSS

rufina bold
pt serif regular

Designing is a matter of concentration.

You go deep into what you want to do. It's about intensive research, really. The concentration is warm and intimate and like the fire inside the earth - intense but not distorted. You can go to a place, really feel it in your heart. It's actually a beautiful feeling.

Peter Zumthor

View Rufina + PT Serif on Google Fonts

Click to open HTML + CSS

dosis regular
Titillium web regular

The most popular typefaces are the easiest to read

their popularity has made them disappear from conscious cognition. It becomes impossible to tell if they are easy to read because they are commonly used, or if they are commonly used because they are easy to read.

Zuzana Licko

View Dosis + Titillium on Google Fonts

Click to open HTML + CSS

oswald light
esteban regular

So that is the design process or the creative process.

Start with a problem, forget the problem, the problem reveals itself or the solution reveals itself and then you reevaluate it. This is what you are doing all the time.

Paul Rand

View Oswald + Esteban on Google Fonts

Click to open HTML + CSS

playfair display Black
source sans regular

Twenty years from now you will be more disappointed

by the things that you didn’t do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover.

Mark Twain

Click to open HTML + CSS

libre baskerville bold
nunito regular

If you don’t get your type warm it will be no use at all

for setting down warm human ideas ... By jickity, I'd like to make a type that fitted 1935 all right enough, but I'd like to make it warm - so full of blood and personality that it would jump at you.

William Addison Dwiggins

View Libre + Nunito on Google Fonts

Click to open HTML + CSS

catamaran semibold
merriweather sans light

We are so obsessed with the Net and technology

that we forget the message... We imagine to be able to do anything, and our software helps us believe we can... But we must move beyond the ‘how’ to reconsider the ‘what’ and the ‘why’...

Neville Brody

Click to open HTML + CSS

bree serif
alegreya regular

My work is play. And I play when I design.

I even looked it up in the dictionary, to make sure that I actually do that, and the definition of “play,” number one, was “engaging in a childlike activity or endeavor,” and number two was “gambling.” And I realize I do both when I’m designing.

Paula Scher

View Bree + Alegreya on Google Fonts

Click to open HTML + CSS

cardo regular
libre franklin regular

The contributions that one makes

in typography, design, and art in general cannot be, and must not be measured on how much money is involved. That would lead to total chaos. The word itself (contribution) is to give to a common purpose.

Ed Benguiat

View Cardo + Franklin on Google Fonts

Click to open HTML + CSS

istok web regular italic
average regular

Creativity is essentially a lonely art. An even lonelier struggle.

To some a blessing. To others a curse. It is in reality the ability to reach inside yourself and drag forth from your very soul an idea.

Lou Dorfsman

View Istok + Average on Google Fonts

Click to open HTML + CSS

roboto Medium
libre baskerville

A designer...has the true responsibility to give his audiences

not what they think they want, for this is almost invariably the usual, the accustomed, the obvious, and hence, the unspontaneous. Rather, he should provide that quality of thought and intuition which rejects the ineffectual commonplace for effectual originality.

Lester Beall

View Roboto + Libre on Google Fonts

Click to open HTML + CSS

goudy bookletter
average sans regular

There should be no separation between spontaneous work

with an emotional tone and work directed by the intellect. Both are supplementary to each other and must be regarded as intimately connected. Discipline and freedom are thus to be seen as elements of equal weight, each partaking of the other.

Armin Hofmann

View Goudy + Average Sans on Google Fonts

Click to open HTML + CSS

Alfa slab one
gentium book basic


is certainly the most elusive of all arts. Sculpture in stone alone comes near it in obstinacy.

Jan Tschichold

View Alfa Slab + Gentium on Google Fonts

Click to open HTML + CSS

raleway light
frank ruhl libre

Having no purpose is the function of art

Having no purpose is the function of art, so somebody else can look at it and ask a question. Design is different - you’re supposed to understand what’s going on. You can be delighted by it, intrigued by it, but you’re supposed to know it’s a hot dog stand.

Paula Scher

View Raleway + Frank on Google Fonts

Click to open HTML + CSS

Prata regular
Lato regular

I read once about the concepts of a lateral idea

and a vertical idea. If you dig a hole and it’s in the wrong place, digging it deeper isn’t going to help. The lateral idea is when you skip over and dig someplace else.

Seymour Chwast

View Prata + Lato on Google Fonts

Click to open HTML + CSS

Fanwood text

You can say
“I love you,”
in Helvetica.

And you can say it with Helvetica Extra Light if you want to be really fancy. Or you can say it with the Extra Bold if it's really intensive and passionate, you know, and it might work.

Massimo Vignelli

View Shrikhand + Fanwood on Google Fonts

Click to open HTML + CSS

eczar semibold
merriweather regular

I think it’s ultimately inhuman to only see things for their functionality.

We want things to be more than that. The desire for beauty is something that’s in us, and it’s not trivial.

Stefan Sagmeister

View Eczar + Merriw. on Google Fonts

Click to open HTML + CSS

chivo light
crimson text roman

Just because something is legible doesn’t mean it communicates

Just because something’s legible doesn’t means it communicates.
More importantly, it doesn't mean it communicates the right thing. So, what is the message sent before somebody actually gets into the material? And I think that’s sometimes an overlooked area.

David Carson

View Chivo + Crimson on Google Fonts

Click to open HTML + CSS

patua one regular
maven pro regular

The nature of process,
to one degree or another, involves failure.

You have at it. It doesn’t work. You keep pushing. It gets
better. But it’s not good. It gets worse. You got at it again.
Then you desperately stab at it, believing “this isn’t going to
work.” And it does!

Saul Bass

View Patua + Maven on Google Fonts

Click to open HTML + CSS

Rubik regular
Karla regular

An electrician isn’t an opinion former, but a graphic designer is.

My argument is that all graphic designers hold high levels of responsibility in society. We take invisible ideas and make them tangible. That’s our job.

Neville Brody

View Rubik + Karla on Google Fonts

Click to open HTML + CSS

neuton regular
Work Sans regular

Find out what the next thing is that you can push,

that you can be ignorant about, that you can be arrogant about, that you can fail with, and that you can be a fool with. Because in the end, that's how you grow.

Paula Scher

View Neuton + Work Sans on Google Fonts

Click to open HTML + CSS

anton regular
signika light

What I feel fortunate about is that I’m still astonished.

that things still amaze me. And I think that that's the great benefit of being in the arts, where the possibility for learning never disappears, where you basically have to admit you never learn it.

Milton Glaser

View Anton + Signika on Google Fonts

Click to open HTML + CSS

How this post came to be

I have to be honest - I love the concept of Google fonts, but I find the execution to always be somewhat... lacking. I don't know. When compared to classics like Futura, Bodoni, Garamond - even Helvetica - they just fall short, and I rarely, if ever, end up using them.

Can you relate?

Again, I love the concept of Google font pairings: the fast download of cool fonts (and even cute fonts) from their high-speed library is great, and has brought far more unique, web friendly fonts and font pairs to the internet than ever before. They sort of broke us out of the standard web fonts and web safe fonts we were all chained down to a few years back of Arial and Verdana and even the Times New Roman font (remember those days? Can you believe they were just a few short years ago?).

But because of that feeling of something "lacking" - I've stayed away from Google fonts. Until now.

A while ago, my partner and co-founder of Reliable, David Tendrich, challenged me to do something about it.

"Make Google fonts work," he said.

And so that's how this post was born.

I wanted to create the best font pairings Google has to offer that even high-end agency designers would be tempted to use. I wanted to assemble Google font pairs that even I would have trouble turning down.

So I combed through Google's vast library and tested hundreds of font combinations, from their most famous and top fonts like the Roboto font, Railway font, Montserrat font, Lato font, Oswald font, Lobster font, and more, to more obscure, funky ones you may have never even seen before this post.

The wonderful Rijks collection

It was also about this time that I came across the Rijks Museum's online art collection. In short, it's a beautiful collection of both classical and modern art that is 100% royalty free and available for any use you'd like. (Can you say "aaaamazing?")

I took my favorite pieces from the Rijks collection and combined them with my Google font pairings to create a truly beautiful display of Google fonts that really work. We've also organized them by filters to help you find a font to fit that project you're working on right now. You'll find dozens of font pairings you can re-use time and time again for different clients and projects.

But that's not all!

I undertook one more challenge in this project: To express these font pairings through profound, time-tested quotes on design from world-renowned designers of all styles. So we have beauty in art, functionality in fonts, and wisdom in quotes.

If you too have had trouble finding great Google fonts and combinations, this might win you over to the Google Fonts Team like it won me over. Or maybe not! The beauty of design is that, at the end of the day, our own preferences and styles are what truly matter.

One last thing:

To help you find font pairings, we organized them in two ways: Style (Serif, Sans Serif, Both), and Mood (Any, Modern, Striking, Eccentric, Classic, Minimal, Neutral, Warm).

Here's a brief explanation of each of these moods:

Modern: Feels like it was made for the 21st century, and wouldn't make sense in any other period. Typically clean, more on the minimal side, and great for projects that require a more polished feel.

Striking: Impact. Boldness. Weight. These font pairs reach out and grab you and pull you into their message.

Eccentric: Quirky. Odd. Different. These fonts communicate uniqueness in various ways. Great for personal blogs, companies in a crowded marketplace that need to be set apart, and more.

Classic: These font combinations feel like they could have existed for generations. They're reminiscent of classic, time-tested and weathered fonts that last. Great for projects that need to project confidence, reliability, style.

Minimal: These minimal font pairings say so much, with a whisper. They almost try to blend into the background and get out of the way to help you more purely take in the message. Clean. Concise. Polished.

Neutral: Some brands are like the friendly local baker who greets everyone with a smile. Others are more professional, cerebral. These neutral fonts are more on the cerebral side - conveying professionalism and cleanliness above all else. Think Helvetica, but for Google fonts.

Warm: For brands who are the "friendly local baker," these fonts are for you. They convey heart, creativity, openness. They say, "Come talk to me, let's be friends." Great for brands that have that personal touch.

So there you have it!

Beautiful fonts and combinations from Google you can use to fuel your personal and client projects. They're completely web safe fonts, and due to their vast use worldwide, I think it's safe to say Google fonts are the new standard web fonts.

(By the way, we've made this entire collection of Google font pairings into a downloadable PDF that you can easily reference at any time. You should see a small yellow tab at the bottom of your screen - click that to download the post now!)

I hope displaying them on top of various colors, with various beautiful works of art behind them, helped you envision how they might work in your projects. That was one of my biggest goals in creating this post.

An important lesson

That's actually a lesson that was greatly reinforced in me throughout this Google font quest - that how fonts are used are just as important, if not more so, than the fonts themselves.

I think often Google fonts are strewn across designs that are lacking the fundamentals of good design. They're the cool, hip thing to use - and as a result, so many people us them. But design is a spectrum ranging from bad to great, and as bell curves go, few designs are truly great.

By simple math, most designs using Google fonts need improvement. Perhaps that's where my initial bias against Google fonts came from. Design is something I take so seriously, and am so passionate about, that when I see bad or lazy design, it hurts. From seeing so much sub-par design riddled with Google fonts, I associated Google fonts with sub-par design.

A new perspective

But undertaking this challenge to create this collection forced me to see Google fonts from a new perspective. Namely, it forced me to throw away my previous conceptions and see them anew. When I did, I simply viewed them like I would anything else in a design - as an asset to be used and manipulated to achieve an end-goal.

When I had no choice but to make them work, I viewed them as something that actually "could" work. And that's where the creativity and magic began.

That leads me to another important lesson I became re-acquainted with in this process - that when we think something won't work, it won't work. And when we truly think it can, we really can make it work.

Strategies for choosing font pairs

I also wanted to talk about some of the strategies behind these Google font combinations to help you create even more of your own. Because while I have 50 here, I'm certain there are dozens more waiting to be made.

If you'll notice, there's a pattern to nearly every pair: The headline is very bold and impactful, and then the body font is very light and airy. This contrast creates a nice tension and context for the fonts. It makes it very interesting as you scroll. Our eyes and brains desire constant change and flux and small contrasts like this deliver.

Another reason the body fonts are very light and airy is that they have to be palatable and legible to the eye over the course of a long piece of text. If I throw a bold, impactful font at you for more than 10 or so words - your eye will go crazy. It's like talking on the phone with someone who only screams.

When you go from a louder headline font to a body font, there's almost a feeling of relief. The headline was a nice, momentary burst of excitement - but then the eye is relieved to handle something easier and less demanding.

Serif & Sans

In addition, still in line with that concept of contrast, I often paired a serif headline with a sans serif body, or vise versa. Again, this just emphasizes contrast and keeps things interesting.

It also takes things a step further and shifts the feel. Serif fonts tend to feel more grounded, conservative and calm. Sans serif fonts tend to feel more modern, daring, progressive. By paring the two together, you get a great balance that's interesting to the mind and the eye.

Work with what you (don't) love

Finally, in line with the attitude shift I mentioned above, in going from "Google fonts don't work" to "Let's make them work" - I purposefully chose some fonts I simply thought I'd never like or want to use in any context. If I looked at a font and felt like it was a "heck no" - I felt compelled to give it a try.

This is so important for the creative process. Often, without even realizing it, we confine ourselves to our creative comfort zones, which slowly shrink over time. But when we step outside and try something we thought we'd never like - we often have our biggest breakthroughs.

Thanks so much for viewing this collection.

I hope it's as useful and enjoyable for you as it was fulfilling for me to create.

I'd love to hear your thoughts, suggestions for other Google font pairs, questions, and more.

Leave a comment below and let's discuss!


Lou Levit Co-Founder, Reliable PSD

What is Reliable PSD?

Have you ever found yourself in need of someone to convert PSD to HTML? We'd love to help! Reliable PSD is a coding company created by creatives, for creatives. We help hundreds of agencies each year by bringing their designs to life through code. We’ve been able to give our customers memorable, positive experiences and a sense of camaraderie they hadn’t experienced before with a PSD to HTML development partner. Many of our clients become our friends. Our high-precision coders and testers will fill your project with beautiful code that works exactly how it ought to. No more long lists of changes that take months to resolve. Reach out to us and start the convo today.

Lou Levit

Lou Levit is an award-winning designer, & co-founder of creative agency Unexpected Ways and revolutionary design to code company, Reliable PSD.


  1. Tyler Bergman says:

    June 13, 2017

    Great resource!

    1. Lou Levit says:

      June 13, 2017

      Thanks Tyler! Glad you found it useful 🙂

    2. Alladi says:

      June 15, 2017

      How much I have searched for something like this.

      The font I see while I type in here. in itself is so pleasing to the eye.

      We keep digging into font libraries and spend so much of time. This blog is awesome and it is going to move us to the next level.

      If you are continuing this blog and decide to accept donations for this awesome work send us a mail. We would be more than happy to contribute.

      I just noticed one place in which you have missed a text Ctrl + Find for “us them”. I think it should be use them instead of us them.



      1. Lou Levit says:

        June 15, 2017

        Hey Alladi,

        Thanks so much for your wonderful comment 🙂 It means so much!

        How generous and thoughtful of you to offer a donation as well!

        We do blog regularly on design, growth & marketing, productivity and client relationships, and code, so I’ll be sure to keep you in the loop.

        And thanks for that catch on the typo!

        Have a great evening,

    3. HQ says:

      July 5, 2017

      Thanks for sharing this! I use many of these fonts on a daily basis and it is really nice to see how someone else chooses to pair them. A great way to get you to rethink outside your comfort zone. Keep up the great work!

      1. Lou Levit says:

        July 5, 2017

        You are so welcome! I’m so glad you enjoyed the post 🙂 🙂

  2. Gail Gonzales says:

    June 13, 2017

    Lou, you have outdone yourself! This may be my favorite blog post of all time! Fonts can create so much in mood, tone, and visual appeal and they are so abused – especially online. And links to the fonts and that amazing art site. I went to it and they even offer tiffs – how cool is that?! Thanks for all the work – just curious how long did this take (and when do you sleep?!)

    1. Lou Levit says:

      June 13, 2017

      What a wonderful comment, Gail! It warmed my heart 🙂 Thank you!

      This took quite a few months of work first on my end, then on the dev team’s end, and then on the testing end!

      I found the Rijks collection right when I started working on this post, and I couldn’t believe it, I was just blown away by the amazing art and by the fact I could just use it. What a gift.

      Thanks again for stopping by and so glad you’ve found this inspiring!

  3. David Mejia says:

    June 14, 2017

    Beautiful! I spent the whole morning reading and re-reading the quotes as well as evaluating the fonts, thanks for making my day.

    Thanks for sharing the resources too!

    1. Lou Levit says:

      June 14, 2017

      Hey David!

      Thanks so much for your comment 🙂 I’m so glad you enjoyed the post.

      Digging through hundreds (thousands?) of quotes to find all these was just as challenging as the pairings themselves!

      Thanks for making MY day with your comment!

  4. Laura Elizabeth says:

    June 14, 2017

    Wow! This is the best post I’ve seen on font pairings… ever!

    I would so pay for this and you’ve been kind enough to give it away for free.. incredible!

    Thanks so much!!

    1. Lou Levit says:

      June 14, 2017

      Awe! Thanks so much Laura! That means a lot, especially coming from you 😉

  5. Kyle Alm says:

    July 5, 2017

    Which font would you pair with Expletus Sans? Asking for a friend.

    1. Lou Levit says:

      July 5, 2017

      Hey Kyle!

      I would pick a simple sans serif as Expletus has so much going on.

      PT Sans would be a good choice, also Lato, or Open sans would work.

      However, I’d be careful about using Expletus for long headlines, as legibility is most important, and it can be hard to read if the sentence becomes too long.

      Hope this helps!

  6. TecCrowd says:

    July 5, 2017

    Hi Lou Levit, You are amazing, You have shared some cool stuff. I love your blog.

    1. Lou Levit says:

      July 17, 2017

      Thanks so much! I really appreciate that 🙂

      1. TecCrowd says:

        July 18, 2017

        You are most welcome dear Lou Levit.

  7. Fernando L. Aguiar says:

    July 6, 2017

    Good Morning Lou,

    First off I want to say thanks and congratulations for writing such an amazing article with in-depth detail on Font Pairings overall. I am always looking for new resources which I can add to my repertoire of resources and I can honestly say this is a must-have for all designers in the industry.

    Most writers would give us the font pairings and maybe an example of how they work together with a short description, which is the entire first section of this article, but you also put in the effort and time to provide us with your knowledge on how to choose them, what each font pairing can mean to our users, and even more.

    Most important to note is that not only did you take the time to research and compose this article, you also did it for free, which makes most designers and developers shudder at the thought. Most people go through articles like this and never take the time to see who wrote it or why they did it, but honestly, it would be a crime to not give you props for your hard work.

    Today I am extremely happy to say this article has been both bookmarked in my browser and downloaded as a PDF for use offline. So once again thanks for your hard work setting up this incredible article for all designers, it is truly one of my favorite reads and most used resources now. You just gained a new fan so please keep up the amazing work!

    Best Regards,

    Fernando L. Aguiar
    Web Dev and Designer

    1. Lou Levit says:

      July 17, 2017

      Hey Fernando,

      Your comment positively made my day. I so sincerely appreciate you taking the time to write all that and mention all the different aspects of the post.

      This has truly been a labor of love so it warms my heart to read your kind words.

      Thanks you thank you thank you!! 🙂

  8. Donna Cavalier says:

    July 12, 2017

    Simply stunning and amazingly useful. That’s a pairing in itself. Thank you. I’m sure I will refer to this often.

    1. Lou Levit says:

      July 17, 2017

      Thanks so much Donna – really means a lot!

  9. Philippe says:

    July 13, 2017

    Hi Lou, your post is one of the most impressive I ever seen and certainly the more complete for fonts paring.
    Thank you so much for all the work you’ve done for sharing something so usable and beautiful.
    Kind regards.

    1. Lou Levit says:

      July 16, 2017

      Hey Philippe,

      Wow! What a compliment! Thanks so much for the kind words. It was a tremendous amount of work, and I’m so happy to see it is useful and inspiring to so many others.

      Thanks again for your comment 🙂

  10. Franz says:

    July 14, 2017


    1. Lou Levit says:

      July 16, 2017

      Thank you Franz! How wonderful to hear! Really appreciate you stopping by.

  11. Angela Werneke says:

    July 16, 2017

    Beautiful collection, Lou! Thank you!

    1. Lou Levit says:

      July 16, 2017

      You are so welcome Angela! Thanks so much for your comment 🙂

  12. bart says:

    July 17, 2017

    Very inspiring typeface combinations and useful for future projects – thank you very much!
    I also love your colour combinations!
    Regards, Bart

    PS. not a criticism: are you aware that the proper term for what you refer to as fonts, are actually called typefaces? A font is a group of different variations (weights, styles, condensations, ornamentations etc) of a specific typeface.

    1. Lou Levit says:

      July 17, 2017

      Hey Bart!

      Thanks so much for your comment! So glad this was inspiring to you, and thanks for mentioning the colors – those took quite a while to get just perfect too 🙂

      No criticism taken! 🙂 Yep, I am aware, but as the goal was to get this post wide-spread, we wanted to use the most colloquially used term, if that makes sense! 🙂

      Thanks again,

      1. bart says:

        July 17, 2017

        Hi Lou, yes that makes sense – best wishes, Bart

  13. VIPColor says:

    August 2, 2017

    AMAZING piece of WORK !!! NICE !!!

    1. Lou Levit says:

      August 2, 2017

      Thanks so much! 🙂

  14. Rosario says:

    August 6, 2017

    This article is just amazing and super useful. Thank you very much!

    1. Lou Levit says:

      September 18, 2017

      So glad you enjoyed it Rosario!

  15. Vivan Ram says:

    August 6, 2017

    Tank u so much #Lou Levit its most help full for my profession….thanks lot

    1. Lou Levit says:

      September 18, 2017

      You’re so welcome!

  16. Waleed Ahmed says:

    September 12, 2017

    Thank you soooooooo much

    1. Lou Levit says:

      September 13, 2017

      You’re so welcome! 🙂

  17. Kaylan Petrie says:

    September 18, 2017

    What a fantastic resource for not only designers but also people who work with strict budgets like nonprofit organizations.

    1. Lou Levit says:

      September 18, 2017

      Hey Kaylan! So glad you enjoyed it and found it helpful 🙂

  18. Debbie Koske says:

    September 18, 2017

    Thank you! The font pairings were very helpful and practical but the art and the quotes made the read inspiring and uplifting. Thank you for your hard work and your willingness to share. I am grateful.

    1. Lou Levit says:

      September 18, 2017

      Hey Debbie! You are very welcome 🙂 Thanks so much for your lovely comment!

  19. pannet1 says:

    October 17, 2017

    hi lou,

    you sorcerer, stop conjuring me with your incredible play of colour. that was a compliment 🙂

    what do you want me to look at the fonts, or the colour background you gave them, or the paintings or the quotes or you 🙂

    if you do the right things, google is going to spread this post like wild fire .. but do you really care

    god bless.

    1. Lou Levit says:

      October 18, 2017

      Wow! What a nice comment! 🙂

      Thanks so much, really means a lot.

      I’m so glad you enjoyed the post so much and got a lot out of it. A lot of hard work went into it, so that is truly wonderful!

      Thanks again,

  20. Mike says:

    October 20, 2017

    Wonderful! Wonderful piece of work.

    Having found it, I no longer need to go looking for guides to Google font pairings..

    A piece so very fine in many ways – technical competence, artistic knowledge and flair, composition.

    Free! Amazing.

    Google should expect a fat invoice from you.

    Thanks a lot, Mike

    1. Lou Levit says:

      October 27, 2017

      Hey Mike!

      Thanks so much for your fantastic comment 🙂 Means a lot and I’m so glad you’ve enjoyed the post and found it useful.

      Thank you!!

  21. Rend says:

    October 27, 2017

    This is awesome, thank you!

    1. Lou Levit says:

      October 27, 2017

      You are so welcome! 🙂 Thanks for your comment!

  22. Julie says:

    October 27, 2017

    Wow what a great find! Beautifully executed, terrific pairings. I am sharing a link to this site with all of my social media peeps because this is really all one needs to create beautifully designed sites and documents. Well done!

  23. Celeste Johnson says:

    October 28, 2017

    This is ahhhhhmazing!!! I’ve spent so long trying to figure out font pairings for my website and this has been just so helpful.

    You rock!

    1. Lou Levit says:

      October 30, 2017

      Hey Celeste! Thanks for stopping by! 🙂

      It’s wonderful to hear this has been helpful to you!

      Have a great day,

  24. Debra Keough says:

    October 28, 2017

    Hi Lou:

    Thank you so much for this absolutely wonderful post!! I’m very new to the design world, in fact my website isn’t even done yet! I went back to school in my 50’s to get my graphic design degree, and I’m loving what I’m doing now. I still feel like a complete newbie at all of this, but I absolutely love fonts. The beautiful design and layout of this post makes every font, even the ones you might think of as ordinary, look stunning. I thoroughly enjoyed the quotes as well. And I especially enjoyed the way you’ve sorted them by mood and not just type. And what blows me away is the time and effort and thought you’ve put into something that you’ve been generous enough to share with all of us. I just stumbled across your post, I’m really looking forward to reading your other blog posts. You’re bookmarked and I’ve downloaded the PDF. I know I’ll be referring to it often. Thanks again!

    1. Lou Levit says:

      October 30, 2017

      Hey Debra!

      Thanks for your comment. That’s so wonderful you pursued your passion and went back to school! It’s so important to love what you’re doing 🙂

      Thank you for your kind words on the post as well. As you can imagine it took a long time, and a huge amount of time and effort indeed went into it. I’m so happy it’s gotten so much traction and has been a helpful resource for so many people 🙂

      I look forward to seeing you around the blog!

  25. David Bonnheim says:

    October 31, 2017

    As a long-time freelance writer with zero confidence in his design ability, I have struggled mightily in designing my website. wordpress was (and remains) the first major hurdle. Selecting fonts was the second, and I looked long and hard before landing here. I’m very glad I did. This is not only the most helpful font-related site I’ve found, it should become a model for others creating this kind of guidance resource about almost anything. In sharing your approach, your thinking and your evolution, you help the reader understand your choices and your reasoning. In the process, you build tremendous credibility for your choices and your broader creative efforts. Congratulations and many, many thanks.

    1. Lou Levit says:

      December 18, 2017

      Hey David!

      Selecting fonts can indeed be challenging, and there’s so many to choose from! I’m so glad you’ve found this to be a helpful resource. It’s truly wonderful to hear and I really appreciate your kind words.

      Thanks so much,

  26. John Lindholm says:

    November 2, 2017

    What a beautiful and practical blog post. I just stare at it…

    And think about what font combo to you for my new site.

    Seriously, this might be the best blog post I’ve ever read for what it is trying to accomplish.

    Thank you!!

    1. Lou Levit says:

      December 18, 2017

      Hey John! 🙂 Wow! That’s quite the compliment, really means a whole lot!

      Thanks so much,

  27. Milosz says:

    November 3, 2017

    I have used pt sans italic with bitter at my personal blog amazing results!

    1. Lou Levit says:

      December 18, 2017

      Hey Milosz,

      Great! Glad to hear it worked for you! 🙂


  28. Lisa Bronwyn says:

    November 3, 2017

    A great resource that’s both helpful and is also visually appealing, too. I’ve already sent it to many designer/developer friends and Tweeted it. Thanks very much!

    1. Lou Levit says:

      December 18, 2017

      Hey Lisa! Thanks so much for sharing this with others! And I’m so glad you’ve found it useful.

      Have a great day,

  29. Jussi says:

    November 6, 2017

    This is so crazy good, and I’m so sad that I’m not nearly this good with typography.

    Lou, I’d love your thoughts on a little something:

    How long did it take you to develop your good eye for typography and design? How did you learn? Did you do it by yourself or did someone teach you?

    I almost have my first year as designer behind, and all I can think is wow, some day far in the future I might reach your level. It’s so exciting!

    1. Lou Levit says:

      December 18, 2017

      Hey Jussi,

      Thanks so much for your kind words – that’s quite the praise! I truly appreciate it.

      To answer your question – I’d been doing art and design since I was a little kid, for as long as I can remember. I think my eye developed over the years just from my love of design and examining different designs (print, online, packaging) that I thought were successful.

      I did take a typography class in design school (though I left mid-way through college – not through the class – to start my creative agency with my partner David). That class did impart some knowledge, but more than that it was what I mentioned above.

      One of my favorite books is Megg’s history of graphic design. It’s a general design history book, but going back and looking at how things used to be done is definitely an endless, enormous source of learning and inspiration. I highly recommend going back in time, more so than even examining modern designs, which a lot of times are lacking these days 🙂

      Hope this helps! If you have any more questions I’d be delighted to answer.

      Have a great day,

  30. Michelle says:

    December 4, 2017

    Gorgeous, functional resource – thanks for sharing, Lou!

    1. Lou Levit says:

      December 18, 2017

      You are so welcome Michelle! Thanks for your lovely comment 🙂

  31. Oliver Smith says:

    December 15, 2017

    Smashfabulous! Thank you very much for taking the time and energy to share this very much needed post of Google font pairing. May the design gods smiles down upon you 😉

    1. Lou Levit says:

      December 18, 2017

      Haha thanks Oliver! 🙂 That is so kind!! I really appreciate it 🙂

  32. Jorge says:

    December 22, 2017


    I really want to thank you very much for taking the time to share with us this post of Google font pairings. From now on is going to be my first reference for choosing the fonts for any new website I’ll built. I really love this resource. 😉

    1. Lou Levit says:

      January 8, 2019

      Jorge! This comment is long overdue, but thank you so much. So glad you enjoyed it.

  33. deniz says:

    March 12, 2018

    I owe you! it was something i really need. I love the background pictures great work…

    1. Lou Levit says:

      January 8, 2019

      So glad to hear it Deniz! Thank you! 🙏

  34. Nafirio Chrissandy says:

    March 19, 2018

    This is really helpful! Been searching nice fonts pair and what you did here are so pleasing to my eyes! Love your awesome works!

    1. Lou Levit says:

      January 8, 2019

      Thanks so much Nafirio! That was my goal 🙂

  35. Adrián Ernesto says:

    March 19, 2018

    Wow amazing work, i love the font pairings and i love this site, it is aesthetic and so beautiful!

    1. Lou Levit says:

      January 8, 2019

      Adrián, thanks so much for your kind comment. It really means a lot!

  36. Alejandro///Pantoja says:

    March 19, 2018

    Hello, well. I’m honest I dont be a good graphic designer in fact i’m looking for to boost my skills and to found a job jajjaa, of whatever it is even if I’ll receive one dollar…
    (that was my sadly introduction xD)

    Ok… that I appreciated about this is, Google is an importat tool now a days to create things for our benefits. in this case Typography. And I knew other fonts I never seen them

    I love the contrast of the backgrounds that you put.
    I keep this article for inspire me in the next work that I get.

    Thank you & Stay Rocking!!! lml_

    1. Lou Levit says:

      January 8, 2019

      Hey Alejandro!

      I am sure with practice you’ll get there 🙂 I’m glad you enjoyed the post!

  37. Michael says:

    March 19, 2018

    I’m Lovin’ It – Ronald Mcdonald

    1. Lou Levit says:

      January 8, 2019


  38. Karl Vasquez says:

    March 21, 2018

    This is so awesome! Thanks for this blog, learned a lot from it. Would highly recommend this to my friends.

    1. Lou Levit says:

      January 8, 2019

      Hey Karl! Glad to hear it! 🙂

  39. Shreyas Bendre says:

    March 24, 2018

    Hey Its really lovely post. Found very useful. Looking forward for more content.

    1. Lou Levit says:

      January 8, 2019

      So awesome! Thank you Shreyas!

  40. Andrada says:

    May 2, 2018

    This is so useful and so beautiful at the same time – just as it should be! Love it! 🙂

    1. Lou Levit says:

      January 8, 2019

      Thank you Andrada! Wonderful to hear!

  41. Tracy says:

    May 14, 2018

    Hmmmm, a post that offers both form AND function. Well done.

    1. Lou Levit says:

      January 8, 2019

      Two sides of the same coin 🙂 Thank you Tracy!

  42. Nick O says:

    May 15, 2018

    As a lover of type and all things design, as well as a student of the fine arts, I reallllly enjoyed this! The fundamentals of your pairings are all spot on, and reveal the relationship between the elements and structure of fonts in an eloquent way. Great concept placing them on paintings, too. Really brings it all together.

    BTW- on #17 I believe you misspelled “functional” in your headline text.

    1. Lou Levit says:

      January 8, 2019

      Hey Nick! Thanks for your thoughtful comment. A lot of work went into this, as you can imagine! So it is much appreciated 🙂

      Thanks for the note on the typo as well!

  43. Paulo says:

    June 21, 2018

    Hello guys! Can you help me how to set the font combination to my blogger website? Thanks!

  44. Mir C says:

    July 3, 2018

    Love this resource, thanks so much for putting it together! Just wondering where you licensed the high-res background images from? Are they scans from an art book, or Creative Commons? (For example, I recognized the Rembrandt floral painting… )

  45. Jennie Tieu says:

    July 5, 2018

    This is so awesome! Thanks for sharing, Lou Levit! ;p

  46. Jade says:

    July 14, 2018

    Thank you so much for sharing this, it looks amazing.
    Not only the font combinations but also the color combinations. It’s truly amazing. You’re awesome!!!

  47. ROS FLORIDO says:

    July 25, 2018

    Design, image and color you are a very good designer
    “Quotes and Fonts”, you are great
    what kind of couple you decided to put

  48. Tracy Sherwood says:

    August 15, 2018

    This is amazing in so many ways: 1) Helpful — both with the pairings, and the links to the fonts and CSS. 2) Inspirational — the quotes are enlightening, and the art breathtaking. Thanks also for the info about the Rijksmuseum online art collection. We were in Amsterdam a few years ago, but only for 2 nights, so I didn’t get the chance to go as the lines were so long.

    I’m definitely bookmarking this page 🙂

    Thank you Lou!

    (P.S. Typo Alert: On Pairing #25, ‘regular’ is misspelled on the 2nd font (QUATTROCENTO SANS REGUALR)

  49. bruno says:

    November 13, 2018

    I read this post from Italy. Maybe you’re a little Italian? You love art and culture so much. Greetings from Italy

  50. Irving Lopez says:

    November 14, 2018

    This page is a work of art with purpose, and your passion is admirable.

  51. Narcis says:

    November 27, 2018

    How could you knife-paint such an amazing piece of work?


    December 10, 2018

    Wow! Awesome work!! Thanks!

  53. Sally says:

    December 28, 2018

    What a truly beautiful post.

    I am not normally one to comment on blogs or websites but sometimes there is a need to show appreciation for something exceptional.

    I absolutely love the design and detail that you have put into this. I am sure that it would have taken you many in-depth hours of research, designing elements, pairing of the fonts, and so much more.

    This is the first time I have hit on your site and I am so glad I did because just in this one post you show so much love and creativity for what you do.

    Thank you so much for giving me something beautiful to look at and read. You have filled my heart with joy ❤️

  54. Joan Bell says:

    January 7, 2019

    It’s a rare find to discover someone who puts their heart and soul into their work. Anyone can write a post but you have gone over and above with these gorgeous images, colours, parings and presentation. Such a joy to read. I love that you took on the ‘challenge’ to make the google fonts work and aced it completely. I am totally blown away by your professionalism and creativity. So glad I googled my way to this post. Thank you.

  55. Guillaume says:

    February 22, 2019

    As a terrible designer I was surfing across the web to find font pairing inspiration. I ran into this page and finally won a visit into a museum. Or better, a contemporary art installation. While scrolling I start to notice the design details as the masterpieces from the past were passing before my eyes: the colors, the volumes, the quotes. I lost track of my initial purpose and started to just enjoy the ride, one mindblowing sentence after another. One wonderful color combination after another. I didn’t find my font pair, but I had a wonderful time. Thank you for sharing.

  56. Dagmar says:

    March 30, 2019

    What a great site, so beautiful.
    many thanks for sharing …

  57. Permana Jayanta says:

    April 25, 2019

    Interesting, I see a lot of fonts that I don’t know before.

  58. Mary McCauley-Stiff says:

    May 12, 2019

    Wow. I can see how much work went into this. I loved scrolling through it. Also appreciate pointing me in the direction of Rijksstudio – it will be a great resource!


  59. Anja says:

    May 31, 2019

    What a beautiful page. Thank you!

  60. David says:

    August 5, 2019

    wicked awesome resource, thank you so much

  61. Samantha says:

    September 7, 2019

    Wow thank you so much for this post! So helpful (and so beautiful!)

  62. Sajal says:

    September 19, 2019

    Really a nice post, I never see such a wonderful post on this topic, you did a great job!

    Your site looks awesome, creativity on its top.

  63. Amy says:

    October 23, 2019

    Thank you so much for taking the time to not only put together an incredible list of pairings but for making it so beautiful as well!!!

    Gorgeous 🙂

  64. Jorge says:

    November 7, 2019

    This is just beautiful. Congratulations!

  65. Abby Buzon says:

    December 4, 2019

    I’m sorry that it took me this long to comment, but thank you so much for creating this work! I’ve been using your post for at least the past year – I keep coming back to it!
    There’s nothing I can say that hasn’t already been said, but what an awesome tool and an piece of work you created here. Thank you Lou!

  66. grafik praha says:

    February 13, 2020

    Thank you for amazing inspiration!

  67. edouard ratiarson says:

    March 20, 2020

    Amazing work!

  68. Yann says:

    May 14, 2020

    Thanks a lot for this wonderful collection, and the aesthetic!

  69. Subbu Swaroop says:

    May 16, 2020

    I’m seeing this in 2020 and it is still so much relevant.

    Such a great combination of Google font pairs.

    Awesome post and a lot of effort that needs a lot of appreciation.

  70. Holly Toft says:

    June 19, 2020

    This is so helpful, thank you!
    Could you please tell me the name of the font used for the font name at the top of each of your combinations ? (
    Thank you 🙂

    1. Viktor Solovey says:

      June 19, 2020


      It is Museo sans.

      Thank you,

Join the Conversation

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join over 10,000 agencies, designers, and
entrepreneurs getting our posts
about design and conversions

Thank you! We look forward
to seeing you around the blog :-)