Font Combinations
DE SIG N F UND AMENTALS
All typefaces are from Google Web Fonts unless marked with
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Fairplex Narrow BODY: Maven Pro
Fairplex Narrow and Maven Pro is what I’m using for Design
Academy. Fairplex Narrow is a serif that isn’t too studious and
Maven Pro has quite a techy look to it which works for my target
audience (you!)
2
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Titillium Web BODY: Titillium Web
Titillium Web is from Google Web Fonts and has an impressive
array of weights and styles. It’s interesting enough for headings
and clear enough for body copy. This would be a really nice
choice for a software product or web app.
3
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Museo Slab BODY: Museo Sans
The whole Museo familiy is a really versitile one to have in your
toolbelt. Museo Sans is a very widely regarded typeface in the
design industry because of it’s readability and you can pair it
with any other Museo typeface and it’ll match.
4
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Playfair Display BODY: Montserrat
Playfair Display is the go-to typeface for anything fashion
related. It pairs really well with Montserrat. However
Montserrat is a versatile enough typeface to be used in both
headigns and body copy on it’s own.
5
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Brandon Grotesque BODY: PT Serif
Brandon Grotesque is a friendly, fun, quirky typeface. Great
for headings but a little much for body copy. You can pair with
something like PT Serif to balance off some of the quirkiness or
use a sans-serif like Source Sans Pro.
6
Font Combinations D E S I GN F UNDAMENTALS
HEADING: Proxima Nova BODY: Proxima Nova
Proxima Nova is a very popular typeface. It’s modern and ever
so slightly hipster. works great for both headings and body copy
and works in almost any industry as it’s not too fussy and makes
a bold statement.
7
Have any more recommendations? Email
me at laura@[Link] and I’ll
include them here
DE SI GN F UND AMENTALS