10 Great Google Font Combinations You Can Copy

by on 23rd October 2011 with 224 Comments

The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page.

Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instantly grab out selections that you think are appropriate for your projects. The best part? You need only to copy and paste our code to implement these fonts on your site. It’s completely free and there are no downloads required.


A couple of times each month, we re-publish one of our popular posts from the archives. This article was originally published in February, 2011, but is still just as useful today!

Why Google Fonts?

The web font game was up in the air a few years ago. Everyone had an idea and a solution but no one really knew which would be left standing when the dust settled. In my mind, this debate is over: @font-face won.

Here’s why @font-face wins. First, a pure CSS solution is one that developers can get on board with. Next, the fact that @font-face fully supports text selection and actions such as copy and paste means that usability experts love it. Finally, the fact that you can easily cook up an @font-face recipe for just about any font means that designers love it because they have a wide range of properly licensed fonts to choose from. If you get developers, designers and the usability guys on board, it’s game over for Flash, JavaScript and image-based solution.

Now, within the @font-face world there are many competitors. My personal favorite solution is just to use FontSquirrel’s @font-face kits, whether I’m downloading one of their pre-built options or uploading a font file so the site can churn out the rest for me.

However, I’ve used this solution several times on Design Shack before so I wanted to switch things up today and use something else. Since the Google Font Directory is free and has plenty of options, it seemed like a natural fit!

screenshot

Quick Tips for Combining Fonts

Before we get started, there are a few basic rules that you can keep in mind when combining fonts. These aren’t absolutes that you must follow in every occasion but merely some guidelines to stick to when in doubt.

Use Font Families

First of all, when possible, check out the various fonts within a single family. These fonts have meticulously been designed to work together and are therefore the safest method of varying your font without creating visual discord.

Contrast is King

Next, when you’re combining two fonts, go for contrast. Try pairing a bold slab with a light sans-serif. If you mix two fonts that are fairly similar, the lack of contrast makes it look more like something is slightly off with the typography rather than the intended impression of two different typefaces. Make it clear to designers and non-designers alike that two distinct styles are present.

Go Easy

Also, limit yourself to only a few typefaces. If you can get by with two, do it, if not, stop at three. In all but the most experienced hands, lots of different fonts wreak havoc on the cohesiveness of a design. It’s easy to end up looking like a kid who just discovered the font menu in Photoshop for the first time.

Think About Which Fonts Are Appropriate

Finally, let the content play a big role in your font choice. If your content is modern and professional, stick to fonts that suggest these qualities. If it’s supposed to look like something from the 1700s, Helvetica Neue Ultra Light might not be the best way to go.

The Fonts!

Enough discussion already, let’s get down to business. Cruise over to the Google Font Directory and look for the following options.

If you’ve never worked with the Google Font Directory before, don’t worry, it’s the easiest custom font solution out there. All you have to do is drop a link into your page header and then reference the font in your CSS font-family just like you would anything else. For each font pairing below I’ll provide you with all the necessary snippets of code so that all you have to do is copy and paste!

Lobster & Cabin

Lobster is one of my favorite scripts of all time. It’s bold and beautiful while remaining quite readable, attributes not easily found in other scripts.

To complement this strong statement, you don’t want anything that competes for attention. Instead pick something plain and simple like Cabin.

screenshot

The HTML



The CSS

h1 {
	font-family: 'Lobster', Georgia, Times, serif;
	font-size: 70px;
	line-height: 100px;
}

p {
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 25px;
}

Raleway & Goudy Bookletter 1911

screenshot

Raleway is a super attractive font, but it’s so thin that it doesn’t always work the best on body copy. For this reason, it’s best to keep it as large as possible whenever you can, which makes it a perfect font for your headers.

I think the combination of Raleway and the fairly ornate old stye Goudy Bookletter 1911 make for a super classy pair. Be careful though, this particular Goudy is a little too complex for tons of body copy and I definitely wouldn’t want to read a big page full of copy written in it. This combination is probably best for scenarios with minimal copy.

The HTML



The CSS

h1 {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 50px;
	line-height: 70px;
}

p {
	font-family: 'Goudy Bookletter 1911', Georgia, Times, serif;
	font-size: 15px;
	line-height: 25px;
}

Allerta & Crimson Text

screenshot

Allerta is a moderately bold sans-serif with a personality. If you don’t want something boring or something crazy, it’s a good middle ground that looks great in both a headline and body copy.

Crimson Text is a straightforward font with strong serifs but little to no differentiation between the thicks and thins. This makes is retain a good amount of readability even when its small.

The HTML



The CSS

h1 {
	font-family: 'Allerta', Helvetica, Arial, sans-serif;
	font-size: 50px;
	line-height: 55px;
}

p {
	font-family: 'Crimson Text', Georgia, Times, serif;
	font-size: 16px;
	line-height: 25px;
}

Arvo & PT Sans

screenshot

No font selection would be complete without a good slab serif. The Google Font Directory only has a couple of these and Arvo is currently one of the boldest options. I really like most of the characters but admit that the “S” feels a little awkward.

I paired this with yet another great sans-serif: PT Sans. There are several variants of this available but the plain version is the best for body copy. I really like how round the characters are, it makes for a very friendly feel.

The HTML



The CSS

h1 {
	font-family: 'Arvo', Georgia, Times, serif;
	font-size: 59px;
	line-height: 70px;
}

p {
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
}

Dancing Script & Josefin Sans

screenshot

Scripts are hard to implement properly, especially when they’re not as widely applicable as Lobster. Dancing Script, shown in the example above, definitely isn’t my favorite script but it’s one of the better ones available in the Google Font Directory.

Since Dancing Script is a lot more feminine than Lobster, I paired it with Joesfin, a really thin sans-serif to further this style. This combination is definitely appropriate for any products or websites with a female skew.

The HTML



The CSS

h1 {
	font-family: 'Dancing Script', Georgia, Times, serif;
	font-size: 59px;
	line-height: 60px;
}

p {
	font-family: 'Josefin Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 25px;
	margin-top: 15px;
}

Allan & Cardo

screenshot

I typically hate comic-type fonts, but Allan is really eye-catching and attractive. I love the boldness of the font and the italicized feel.

My pairing with an old style font (Cardo) seems almost a conflict of time periods but I really liked the way they looked together. Feel free to opt instead for a light sans-serif.

The HTML



The CSS

h1 {
	font-family: 'Allan', Helvetica, Arial, sans-serif;
	font-size: 70px;
	line-height: 75px;
}

p {
	font-family: 'Cardo', Georgia, Times, serif;
	font-size: 18px;
	line-height: 25px;
}

Molengo & Lekton

screenshot

Molengo and Lekton together feel like an old school attempt at a technical feel. Largely due to the typewriter feel of the latter of these.

This combination is something I would expect to see on a website with a parchment texture background along with photos with a polaroid effect and maybe even some coffee stains.

The HTML



The CSS

h1 {
	font-family: 'Molengo', Georgia, Times, serif;
	font-size: 56px;
	line-height: 80px;
}

p {
	font-family: 'Lekton', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 25px;
}

Droid Serif & Droid Sans

screenshot

One of our tips above suggested staying within a single family. I put this into practice here with the natural combination of Droid Serif and Droid Sans.

As you can see, both are beautiful typefaces that perfectly complement each other. These could easily be switched so that Droid Serif was the body font and Droid Sans the header font. You can spot Droid in the wild on a certain wildly popular design blog.

The HTML



The CSS

h1 {
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-size: 49px;
	line-height: 65px;
}

p {
	font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 25px;
}

Corbin & Nobile

screenshot

If you’re a fan of Cooper Black, Corbin is an excellent free alternative. This fat and toony serif is perfect for anything that should have a 1920s feel to it.

Nobile is a more modern font with letter forms that appear vertically stretched. The minimal styling here keeps your focus on the bold headlines.

The HTML



The CSS

h1 {
	font-family: 'Corben', Georgia, Times, serif;
	font-size: 40px;
	line-height: 55px;
}

p {
	font-family: 'Nobile', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 25px;
}

Ubuntu & Vollkorn

screenshot

Ubuntu is a notably rounded sans that has a modern feel to it. I used the bold variant here to give extra contrast from the body text.

Vollkorn is definitely a very different typeface, mirroring a long past era. Again, always be careful about mixing fonts from different time periods. Make sure it’s intentional and with purpose!

The HTML



The CSS

h1 {
	font-family: 'Ubuntu', Helvetica, Arial, sans-serif;
	font-size: 50px;
	line-height: 65px;
}

p {
	font-family: 'Vollkorn', Georgia, Times, serif;
	font-size: 16px;
	line-height: 25px;
}

Tell Us Your Favorites!

This article is meant to be a tool that you can bookmark and refer back to every time you’re stuck and in need of a good font combination for the website you’re working on. Both web fonts and browsers have come a long way and these solutions should work really well across the board, but each include appropriate backup fonts in the case that the Google font doesn’t load.

Leave a comment below and tell us your favorite free font combinations. Google’s directory has no shortage of hideous offerings as well so feel free to also share your least favorites!

Other Posts in Google Font Combinations:

Comments & Discussion

224 Comments

Comments & Discussion

224 Comments

  1. Ed says:

    Thanks for the article. I was just working to swap in Google fonts only last night on a new website upgrade. I thought I was done, until I read this and decided to try a few more iterations. I’ve been watching Google fonts for over a year now and have noticed a few more fonts slowing oozing in. I hope this thing doesn’t go the way of some other Google initiatives (lack of interest), but continues on expand the service and its offerings. Thanks again.

  2. Thank you for the article, it is really helpful.

  3. Andrew says:

    Great choices – a very handy list for those of us who struggle with font choices. This one goes in my personal wiki as a key bookmark.

  4. Mr. John says:

    Thanks, just before I saw the link to this article on Twitter, I was experimenting with my own pairings of Google fonts, so this is a real time saver!

  5. Thanks for this useful information :) !

  6. Bryan K says:

    Working on my redesign, I’m leaning towards PT Sans + Vollkorn. But I’m leaving PT Sans only for page titles, all h3 and h4′s will be bolded Vollkorn. Appears great to me.

  7. Hi Joshua, Great post!

    A quick tip:
    When using Lobster or Dancing Script, you may want to add
    font-weight: normal
    to avoid the fake-bold effect.

  8. Jakub K. says:

    Nice collection. I’m looking foreward to using it on my new personal/portfolio page. It will be hard to decide for one combination, all of them are beatufil.

  9. Great article!

    It would be even easier to combine the two link elements into one using a combined request like:

    http://fonts.googleapis.com/css?family=Lobster|Cabin

    More about this here: http://code.google.com/apis/webfonts/docs/getting_started.html#Syntax

  10. This is a wonderful article, but I’d like to suggest that using 2 link tags is obvious but slow. Instead, use multiple web fonts by having their fontnames separated by the “bar” character, like this:

    This will load much faster than if you have a separate line for each font! And there is no maximum to the number of fonts you can name at one time like this.

    (Thanks for Philip for raising this same issue on the GFD Google Group :)

  11. Joshua Johnson says:

    Dave, I definitely agree and thought it over before writing the article. The reason I went with one each is so you can easily mix and match if you just want to grab one of the fonts.

  12. i liked your article because it is trying to educate web developers on the value of good type design and usability. It’s true that as the CSS font matching standard matures … Many designers will be looking to replicate outstanding print typography in digital media campaigns. I have a question though… Do people believe Fortune 1000 companies comprising the majority of the $400 Billion annual industry ad spend will swap their branded typefaces and utilize “free” fonts… Google’s or any others? I am really interested in your opinion… It is a fundamentally important question to the Type industry as a whole…Thanks!

  13. i liked your article because it is trying to educate web developers on the value of good type design and usability. It’s true that as the CSS font matching standard matures … Many designers will be looking to replicate outstanding print typography in digital media campaigns. I have a question though… Do people believe Fortune 1000 companies comprising the majority of the $400 Billion annual industry ad spend will swap their branded typefaces and utilize “free” fonts… Google’s or any others? I am really interested in your opinion… It is a fundamentally important question to the Type industry as a whole…Thanks!

  14. Mizunga says:

    Very nice article, thx a lot.

  15. (My comments on this page are entirely my own personal opinion and not that of any party I may be associated with :-)

    Joshua: Okay awesome! I hope you might add a note about this near the start of your wonderful article :-)

    John: I personally believe the chances that Fortune 1000 companies comprising the majority of the $400 Billion annual industry ad spend will swap their old typefaces for free-to-modify typefaces are correlated with me being hit by a bus, because I’m making a career out of making that happen. Bringing the software freedom movement to type and typography, I mean, not being hit by busses ;-)

  16. Great and thanks, just don’t forget to close the link tags /> :)

  17. My favorite webfonts are: chunkfive, qlassik and sansation.

    Check out http://www.fontsquirrel.com/fontface you will find hundreds of nice webfonts.

  18. Simon Day says:

    On my Mac all the fonts looks simply amazing. On Winblows however they all look bitty and jaggered (even with cleartype on).

    I really wanted this to be a solution but the vast majority just look terrible on a PC compared to a Mac.

  19. Using Goudy Bookletter 1911 and Lato light with WordPress the fonts are included through a WordPress plugin. The typography was the missing element for this (still not finished) photography based site about the old italian monumental cemetery http://www.Staglieno.eu at Genoa.

  20. Maximilian says:

    Good job. I’m already using “Lobster” in some of my designs.

  21. kiera says:

    I’m using lobster as a heading and for some reason it doesn’t show up on some computers? help please.

  22. MDO Studio says:

    I recently began using the @fontface method. It is awesome! So easy to implement and without the usability issues of Cufon Fonts.

    I’m in the process of completing my first site (for a client) using this method. Take a look http://www.IronLionFit.com

  23. DNABeast says:

    I’m very fond of Josefin Slab and Lato. Although a nice combo of headers I found was Luckiest Guy and Josefin slab.

  24. Kars says:

    The first was best for me. I am using it on my new design. Thx!

  25. David Nemes says:

    I like Corbin & Nobile.

  26. Kath says:

    Keep coming back to this great article. Haven’t found anywhere else with such great font combinations. Thanks heaps!

  27. Phil D says:

    I haven’t even looked at this whole article but I
    know it is just gold- Thanks for putting the time to create this

  28. Clearfind says:

    Great list and some really nice combinations here. Cheers!

  29. Hatef says:

    Love this. Thank you. You saved my day.

  30. Tom Durkin says:

    Extremely useful. Will definitely reference this during my next web design project. thanks very much!

    Tom

  31. Jason King says:

    Thanks, that saved some time on a quick Intranet project where I needed a simple, clear to read font combination.

  32. Carlo Matriano says:

    How about Georgia? What do you think fits best with this font type?

  33. Carlo Matriano says:

    Sorry Georgia I think is not part of google fonts please disregard my last post.

  34. dustin says:

    all are great except Allan & Cardo. They look awful togeher.

  35. shah fahad says:

    yeah and i think google web fonts are much better than cufon fonts whats ur opinion?

  36. Ted Bilmer says:

    Hi Joshua,

    I use “Dancing Script” for my drop cap for my articles for free site. The body text is Verdana and it complements nicely with this Dancing Scrip Drop Cap.

    Using CSS I change this drop cap to green and some rainbow colors to it as background (jpg file). Maybe this is another way of using font combination.

  37. Josh Colter says:

    Thank you for creating this resource! I’m not a designer, so I really appreciate talented artists like you writing practical guides on how to avoid ugly design. Personally I went with your droid san/serif combo.

  38. Dave Winer says:

    I want to second all the praise you’ve gotten here, and thanks — I love to read beautiful text, but I have no expertise in this area. So I need exactly what you’ve produced. If you ever want to go further, and come up wiht themes for written pages, I’d be happy to work with you.

    I’ve applied one of your styles to the template and stylesheet at scripting.com. Here’s an example.

    http://scripting.com/stories/2011/07/29/aLittleTruthLeaksOut.html

    As you can see, I’ve used the fonts you recommend for the headline and the body text. But there are other elements on the page, and I’m kind of at a loss to know what to do with them. Any input would be welcome.

    Anyway, just wanted to say thanks!! :-)

  39. Webdesign says:

    Great List. i love Ubuntu & Vollkorn.
    Actually i chose these, before i read your list.
    They are both great. Thanks.

  40. Andrew says:

    @Simon Day
    Microsoft and Apple adopted 2 different methodolgies on font rendering, basically Apple went for a method that makes fonts look closer to a print style and generally prettier. Microsoft adopted a technology to attempt to improve readability on an LCD display.

    For most people this means that at a distance Windows fonts look thin and weak, but close up Apple fonts are significantly more bold and relatively harder to read.

    As for blocky I assume you are looking at XP rather than Vista or Windows 7 where the font rendering is significantly improved.

    Personally I find the fonts on Win7 and MacOSX on a decent monitor both look good.

  41. David says:

    Great article and list. Slab serif typefaces are limited with Google webfonts :( I use to love Josefin Slab but it displays poorly in some browsers — or maybe it’s because of what @Andrew was saying about Win7 vs. MAC OSX. Not sure. But I love slab serif typefaces and I’ll be trying Arvo and PT Sans. (I hope google adds more slab serifs.)

  42. Valenten says:

    Great article, thanks a lot !

  43. Casey says:

    I searched a long time for “Corbin”, paired in your article with “Nobile”… to find that it was actually “Corben”.

    Aside from that, great post and thanks for sharing.

  44. Such an awesome and useful post Joshua! I really like the combinations you have come up with.

    I have to say Arvo & PT Sans has got to be my favourite. Just about to implement this on my new site.

    Thanks for the post!

  45. mistermike says:

    I’ve spent the better part of today at google web fonts. It’s changed and improved since the last time I was there.

    My god, the possibilities are endless!! Not just for Lobster anymore!

  46. Terry Dee says:

    Great article. Thank you. Google has a nice enough filter, but I wanted to make sure I didn’t miss any potential typefaces to use. My combo:

    Title: Rokkitt
    Menu: Shanti

  47. Carina says:

    This was exactly what I needed. Thank you for sharing!

  48. Serkan Azeri says:

    Ubuntu is a nice font

  49. Chaithanya says:

    Nice Article .. Was very useful.. thankyou

  50. Jerrold Maddox says:

    I have the Warde essay posted an 46 of the Google fonts so it is possible to see how they work in a long text.
    http://www.personal.psu.edu/jxm22/fonts/
    In these I followed the print book tradition of not mixing fonts in a single article.

    Here I used all three Droid fonts:
    http://s3.amazonaws.com/all-in/droidfonts.html

  51. Prüfer says:

    Now I’m pretty sure I used too many fonts… i’ll have to work on that! Thanks for sharing.

  52. Surfista says:

    Nice combination, thanks for sharing!

  53. Tim says:

    I like Fish and Chips the best

  54. Paul says:

    Google docs is so good and a directory is growing all the time.

  55. Katie says:

    I find this odd…

    In one of the original comments from when this was first published, a commenter pointed out that the font you list as “Corbin” is actually “Corben”. Not only is this mistake still in the article, but the link to the font is set as href=”LINK”… In case you are looking for the CORRECT link, you can find it here (http://code.google.com/webfonts/specimen/Corben)

    I did enjoy this article, and I know most people will simply copy/paste the code, but if you are going to republish an article, you should at least make sure to edit things that were brought up by readers. I feel like I read through more of the comments than you did.

  56. Marc says:

    wow tremendous article!

    I am currently developing a new site and this is going to be a little gem when talking to the designer and the programmer!

    Thanks a million

  57. Another combo I would recommend is Oswald and Podkova. I used it pretty nicely on my new design blog: Many Angles http://manyangl.es. Let me know what you think!

  58. I think that “Changa” for titles and “Merriweather” for texts its a good combination.

    Enjoy good free google fonts!

  59. T800 says:

    Great find! :)
    As a complete typographic laymen, I’d never thought of Droid sans+serif combination.

  60. Great combinations, I’ve spent hours to find the best combination of fonts, but was never successful with my findings.

    “Dancing Script” & “Josefin Sans” combination looks awesome!

  61. G00D job. Thanks for sharing this very useful and important information. Now I can use more fonts when design webs. Awesome job.

  62. James says:

    Not great combo’s if you ask me; generally on screen you should avoid serif fonts for body copy (not that we don’t all break that rule), and some of the combo’s just look plain bad.

    Google Fonts doesn’t have the greatest selection, so I think aiming for 10 pairings possibly diluted the offering a little.

  63. NikeJordans says:

    cool designs. looking so awesome and great inspiration.

  64. Ubuntu is too good to be wasted as a heading font.

  65. Prasan says:

    Good article, i will definitely use it in my blog. Anyone knows a good wordpress plugin for fonts, that can make my life easier on embedding Google Open fonts inside my blog.

  66. johnny says:

    I like raley for headers and Dancing Script for certain headings. Thanks for the suggestions. Johnny P.

  67. Dan W. says:

    I like these combos. BTW there are a ton of spam comments here, maybe you need to moderate them?

  68. yourstupid says:

    SOOOOOOOOOOOOOOOOOOO STUPID!!!!!!!!!!!!

  69. Wow what a great post. I am new to Google Webfonts and am in the process of designing my personal portfolio site and would like to use some nice typography aspects on it. I will definitely give some of these a try. I like the Droid Serif & Sans, it is rather minimal but gives a nice contrast.

  70. Logofox says:

    One to add – in my opinion. :)

    I like Maven and I think it pairs well with Bitter.

  71. Tony Porto says:

    Great list, curious if anyone knows how to change the color of Google fonts. This CSS –> (color:#c5c5c5 & color: red) is not working, also noticed how a lot of people using fonts api just have the plain black.

  72. jy says:

    your article give us lots knowledge about fonts

  73. anand says:

    I have been searching a lot to have a gud combination of fonts for my WP theme and at last I selected Signika Negative………..

  74. This is very helpful, thank you.

  75. Oemar says:

    how to find another google font.

    i confused search in google font web. that all similar like same.

    how tips to find or other recomenned nice font.

    thanks 4 sharing…
    sorry my english not good :D

  76. Odla-Hemma says:

    Absolutely Arvo & PT Sans!!

  77. seo says:

    Wow, incredible weblog structure! How lengthy have you ever been running a blog for? you make blogging glance easy. The whole glance of your site is wonderful, let alone the content!

  78. Ultimate collection, I would also like “Skolar Bold” font to be included in this list.

  79. I use “Dancing Script Font” on my blog! :D

  80. game zuma says:

    I choose “Allerta & Crimson Text” .. thanks nice article :)

  81. Thanks.
    Nice collection.
    That’s what I was looking for.
    My fav now is: Corbin & Nobile

  82. Daniel Lemes says:

    Hi, nice collection! There is a that i like a lot called Bevan, excellent option.

  83. great!
    Droid Serif is my favorite :D

  84. allan & cardo is great! :)

  85. Imran says:

    Great Information, have helped me a lot

  86. Ron says:

    Thanks, I’m curently experimenting with google fonts. PT Sans looks great. I’ll try to use that in combination with the ‘Bitter’ font, another great google web font.

  87. Good list. I have not heard of some of them. Thanks for not posting the same old list. Thanks and nice website.

  88. Yasin says:

    Very nice article, thx a lot.

  89. Carlos says:

    WOW! Thank you! Excellent and super-useful information.

  90. great list.. bookmarked. thanks for sharing!

  91. Great list. Given me some ideas :) A combo I thought worked quite well can be seen on Google Ventures’ site http://www.googleventures.com/
    Serif = Merriweather
    Sans-serif = Open Sans

    They use a combination throughout with different letter spacings etc that works quite effectively

  92. Maike K. says:

    Thanks for this great composition! Helps to find quality in the uber-offer of Google™-Web Fonts.

  93. Extremely useful. Will definitely reference this during my next web design project. thanks very much!

  94. Maximilian says:

    I LOVE Helvetica Neue Light for titles + Georgia for text. Looks amazing.

  95. Lenny21 says:

    Thanks great info! My question, what font do you use for the text on this blog?

  96. Great list of pairings! Matching type is so darn important!

  97. ügyvitel says:

    the first one is my favorite, I’ve used it on the web with Arial too.

  98. Sheri says:

    exactly what I’m looking for for my new activated theme.
    thank you!

  99. Gilli says:

    You rock! Cheers from Jerusalem…

  100. Love Ubuntu and agree with a lot of others that PT Sans is another favorite.

  101. Working on my redesign, I’m leaning towards PT Sans + Vollkorn. But I’m leaving PT Sans only for page titles, all h3 and h4′s will be bolded Vollkorn. Appears great to me.

  102. Emil says:

    I’m interested in the art of font pairing. Does anyone know any websites that serve great examples of font pairs ready to use?

  103. AIM Soiree says:

    Some nice combinations, thanks!

  104. webwex says:

    perfect combinations! thx

  105. Nicotine says:

    They use a combination throughout with different letter spacings etc that works quite effectively

  106. titiomm says:

    Nice collection !
    I’ve been using Lobster for some time now great font indeed. I’ll try with Cabin next time looks pretty nice :)

Leave a Comment

Subscribe
Membership
About the Author