Quick Tip
10 Beautiful Font Combinations
The following font combinations come from a post from elegantthemes.com blog located at https://www.elegantthemes.com/blog/divi-resources/divi-font-combination-layout-pack . It’s intended to show the potential of these font combinations and the elevated sense of style they can bring to more “finished” content.
It is important to view each font pairing in full context to see how the fonts fit on a web page when it is full of text, buttons, forms, etc..
Each example below has a demo page. Click Image to view Demo Page
Example #00 – SCIENTIFIC REALISM
Font Combination
Header Font:
Playfair Display
Body Font:
Source Sans Pro
Example #01 – SCIENTIFIC REALISM
Font Combination
Header Font:
Roboto Slab
Body Font:
Roboto
Example #02 – DESIGN & TECH
Font Combination
Header Font:
PT Serif
Body Font:
PT Sans
Example #03 – SPOTLIGHTS
Font Combination
Header Font:
Lato
Body Font:
Lora
Example #04 – SPOTLIGHTS
Font Combination
Header Font:
Montserrat
Body Font:
Crismon Text
Example #05 – DESIGN & TECH
Font Combination
Header Font:
Nunito
Body Font:
Lora
Example #06 – SPOTLIGHT
Font Combination
Header Font:
Droid Sans
Body Font:
Droid Serif
Example #07 – DESIGN & TECH 1
Font Combination
Header Font:
Nunito
Body Font:
Lora
Example #08 – DESIGN & TECH 2
Font Combination
Header Font:
Lora
Body Font:
Source Sans Prof
Example #09 – SCIENTIFIC REALISM 1
Font Combination
Header Font:
Playfair Display
Body Font:
Open Sans
Example #10 – SCIENTIFIC REALISM 2
Font Combination
Header Font:
PT Sans
Body Font:
Open Sans
Boutique Fonts
You never know when you need to add a little style to your fonts. When used in the right context and design, using a font set such as the examples below can really step up your game. But as I mentioned, not always, so be careful, I have seen these miss-used on many website.
These do not have demo pages. Just the name of the font used has a header and footer example in the images below.
Boutique Font Set 1:
Font Name
Legend/Description:
Smaller Font = Used for Content Text
Boutique Font Set 2:
Font Name
From top down:
- Pacifico & josephin sans
- Sacramento & spinnaker
- Rock Salt & antic slab
- Merriweather & quicksand
Legend/Description:
Smaller Font = Used for Content Text