Guidelines for Selecting & Mixing Fonts for Digital Media
Select a Serif or Sans-Serif font for your body (long) text. Then, select either a Serif, Sans-Serif, or Decorative font for your Headers/Titles.
The simplest way to pair fonts is to select a font from the opposite font group for your Header or Titles, than the body text. For instance, if you are using a Sans-Serif for the body text, select a Serif for the Headers. You could also choose one of the Decorative fonts for your Headers, or maybe only for taglines or short text “bites” that you want to stand out. Still another option is to select the same font for your Header and body text, but use a larger and Bold or Italic version of the body text font.
Below are the fonts provided by the Divi WordPress Theme. Try out different combinations to give your website the look and feel you want to present to your audience!
Some sample combinations are displayed after the listing of Divi Fonts.
Sans Serif
Stable, modern, informal feel, rugged, cool, young
Default
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Arial
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Trebuchet
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Abel
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Arimo
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Cuprum
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Dosis
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Droid Sans
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Lato
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Lato Light
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Montserrat
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Nunito
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Open Sans
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
PT Sans
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
PT Sans Narrow
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Source Sans Pro
bold italic
Aenean pellnesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Source Sans Pro Light
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Verdana
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Yanone Kaffeesatz
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Serif
Traditional, respectable, formal, delicate, beautiful, expensive, warm, old
Georgia
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Times New Roman
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Arvo
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Bitter
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Bree Serif
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Cantata one
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Cardo
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Crete Round
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Crimson Text
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Droid Serif
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Judson
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Kreon
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Lora
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Merriweather
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Noticia Text
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Old Standard TT
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Playfair Display
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
PG Serif
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Rokkitt
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Sanchez
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Vollkorn
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Decorative
Each font has it’s own unique feel.
Not recommended for digital body text.
Great for headings, banners, taglines, and visually interesting text “bites”.
Amatic SC
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Bevan
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Black Ops One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Boogaloo
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Calligrafitti
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Changa one
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Cherry cream Soda
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Chewy
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Comfortaa
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Coming Soon
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Covered by Your Grace
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Crafty Girls
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Dancing Script
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Francois One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Fredoka One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
The Girl Next Door
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Gloria Hallelujah
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Happy Monkey
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Indie Flower
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Josefin Slab
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Leckerli One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Lobster
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Lobster Two
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Luckiest Guy
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Metamorphous
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Nova Square
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Passion One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Patrick Hand
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Permanent Marker
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Play
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Poiret One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Raleway
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Righteous
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Roboto
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Roboto Condensed
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Roboto Light
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Rock Salt
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Satisfy
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Schoolbell
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Shadows Into Light
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Special Elite
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Squad One
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Tangerine
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Ubuntu
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Unkempt
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Walter Turncoat
bold italic
Aenean pellentesque nulla id tempor auctor. Suspendisse sagittis odio sit amet nisl dictum lacinia.
Script
Feminine, beautiful, expensive, soft, delicate, relaxed, quiet, happy, warm
Not recommended for digital long body text.
Great for headings, banners, taglines, and visually interesting text “bites”.
See sample scripts throughout the Decorative set of fonts.
If you are looking for more options, there are 804 additional fonts at: Google Fonts
Playfair Display Serif
Source Sans Pro
Playfair Display Font for Headings
SOURCE SANS PRO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
SOURCE SANS PRO
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
SOURCE SANS PRO
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
SOURCE SANS PRO
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
Source Sans Pro Font for Headings
PLAYFAIR DISPLAY
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
PLAYFAIR DISPLAY
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
PLAYFAIR DISPLAY
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
PLAYFAIR DISPLAY
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
SOURCE SANS PRO SANS-SERIF FONT
Duis a justo rhoncus, faucibus nibh nec, blandit lorem. Morbi bibendum iaculis congue. Vivamus lacinia convallis velit, ut pretium ex.
“This is the Playfair Display Serif Font, displayed larger and using the Italic Style.”
Robot Condensed
Roboto
Roboto Condensed Font for Headings
ROBOTO
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
ROBOTO
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
ROBOTO
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
ROBOTO
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
Roboto Font for Headings
ROBOTO CONDENSED
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
ROBOTO CONDENSED
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
ROBOTO CONDENSED
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
ROBOTO CONDENSED
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
ROBOTO SANS-SERIF FONT
Duis a justo rhoncus, faucibus nibh nec, blandit lorem. Morbi bibendum iaculis congue. Vivamus lacinia convallis velit, ut pretium ex.
“This is the Roboto Condensed Sans-Serif, displayed larger and using the Italic Style.”
PT Serif
PT Sans
PT Serif Font for Headings
PT SANS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
PT SANS
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
PT SANS
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
PT SANS
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
PT Sans Font for Headings
PT SERIF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
PT SERIF
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
PT SERIF
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
PT SERIF
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
PT SANS FONT
Duis a justo rhoncus, faucibus nibh nec, blandit lorem. Morbi bibendum iaculis congue. Vivamus lacinia convallis velit, ut pretium ex.
“This is the PT Serif font, displayed larger and using the Italic Style.”
Droid Serif
Droid Sans
Droid Serif Font for Headings
DROID SANS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
DROID SANS
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
DROID SANS
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
DROID SANS
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
Droid Sans Font for Headings
DROID SERIF
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
DROID SERIF
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
DROID SERIF
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
DROID SERIF
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
DROID SANS FONT
Duis a justo rhoncus, faucibus nibh nec, blandit lorem. Morbi bibendum iaculis congue. Vivamus lacinia convallis velit, ut pretium ex.
“This is the Droid Serif font, displayed larger and using the Italic Style.”
Montserrat
Crimson Text
Montserrat Font for Headings
CRIMSON TEXT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
CRIMSON TEXT
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
CRIMSON TEXT
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
CRIMSON TEXT
Suspendisse facilisis ante vitae libero egestas, vel rutrum ex vestibulum. Donec molestie lacus pulvinar augue.
Crimson Text Font for Headings
MONTSERRAT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel tortor pellentesque, aliquam turpis vel.
MONTSERRAT
Mauris in mauris quis nulla dictum rhoncus. Integer at velit risus. Morbi tempus tincidunt nisi, id scelerisque lacus dictum eget.
MONTSERRAT
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
MONTSERRAT
Duis vel risus in leo ultrices consequat. Aliquam non nulla nunc. Duis nulla mauris, tempor eget augue eget, laoreet.
CRIMSON TEXT FONT
Duis a justo rhoncus, faucibus nibh nec, blandit lorem. Morbi bibendum iaculis congue. Vivamus lacinia convallis velit, ut pretium ex.
“This is the Montserrat Sans-Serif font, displayed larger and using the Italic Style.”