4 ms·

Does anyone have a list of good web fonts you can use together? I like all of these principles and their examples but sometimes I just need a reference to pick

Does anyone have a list of good web fonts you can use together? I like all of these principles and their examples but sometimes I just need a reference to pick out a stack and apply it to my site. Something like "The Big Book of Font Combinations" but for web that shows a breakdown of font stacks supported by which devices or something. Thoughts?

hashbanged 12y ago
My go to resource for a fast combination of Google Web Fonts is this: http://hellohappy.org/beautiful-web-type/ http://hellohappy.org/beautiful-web-type/ Not a huge resource, but it is sort of what you're asking for.
BorisMelnik 12y ago
weird I just ran across this: http://www.sitepoint.com/joy-of-subsets-web-fonts/ http://www.sitepoint.com/joy-of-subsets-web-fonts/ 10 minutes later I found this thread. the URL hashbanged mentioned looks very well put together. I like being able to see some "texture" behind my fonts before putting them into action.
Eriksrocks 12y ago
I know this isn't what you are looking for, but generally I've found that playing around with Typecast.com for just a few minutes gets me to something that I like and that fits whatever site I'm designing for. Pick a few fonts from the Popular fonts category, and play around until you find something that you like.
lifeformed 12y ago
The Google Fonts page has some recommended pairings for each font: https://www.google.com/fonts/specimen/Open+Sans#pairings https://www.google.com/fonts/specimen/Open+Sans#pairings
- nilliams 12y ago
  Thanks for this, somehow I've never seen this before!
- didgeoridoo 12y ago
  I believe these pairings are based on the frequency they appear together on the web — not on any kind of aesthetic or functional judgment. I would take them with an enormous grain of salt.
nevir 12y ago
Similar, but doesn't directly answer your question: http://practicaltypography.com/mixing-fonts.html http://practicaltypography.com/mixing-fonts.html http://practicaltypography.com/font-recommendations.html http://practicaltypography.com/font-recommendations.html

hashbanged 12y ago

My go to resource for a fast combination of Google Web Fonts is this: http://hellohappy.org/beautiful-web-type/ http://hellohappy.org/beautiful-web-type/ Not a huge resource, but it is sort of what you're asking for.

BorisMelnik 12y ago

weird I just ran across this: http://www.sitepoint.com/joy-of-subsets-web-fonts/ http://www.sitepoint.com/joy-of-subsets-web-fonts/ 10 minutes later I found this thread. the URL hashbanged mentioned looks very well put together. I like being able to see some "texture" behind my fonts before putting them into action.

Eriksrocks 12y ago

I know this isn't what you are looking for, but generally I've found that playing around with Typecast.com for just a few minutes gets me to something that I like and that fits whatever site I'm designing for. Pick a few fonts from the Popular fonts category, and play around until you find something that you like.

lifeformed 12y ago

The Google Fonts page has some recommended pairings for each font: https://www.google.com/fonts/specimen/Open+Sans#pairings https://www.google.com/fonts/specimen/Open+Sans#pairings

nilliams 12y ago
Thanks for this, somehow I've never seen this before!
didgeoridoo 12y ago
I believe these pairings are based on the frequency they appear together on the web — not on any kind of aesthetic or functional judgment. I would take them with an enormous grain of salt.

nevir 12y ago

Similar, but doesn't directly answer your question: http://practicaltypography.com/mixing-fonts.html http://practicaltypography.com/mixing-fonts.html http://practicaltypography.com/font-recommendations.html http://practicaltypography.com/font-recommendations.html