
How to Preview Divi Fonts using Google Fonts
One of the great features of the Divi theme is that its font library includes all of the same fonts in the Google Font Library (which means access to tons of fonts). However, Divi doesn’t give you a sample of what each font looks like. In this tutorial, you will learn how to preview any font in the Divi Library by searching for it in the Google Fonts Library instead.
We know everyone learns differently – if you prefer video, please watch the video tutorial below! If you’re more of a step-by-step person, we’ve written out the steps under the video.
Watch the Tutorial:
How to Preview Divi Fonts using Google Fonts – Step by Step
- To preview different website fonts, head over to the Google Fonts Library. For a more customized preview, add a line of sample text from the website.
- Next, browse the fonts in the Divi library. Go to the Divi Theme Customizer. Select General Settings and go to Typography.
- Scroll to the Header Font menu.
- Choose a font name in the Divi Font Library and search for it in the Google Fonts Library. Your sample text will display to give you a better idea of what each font will look like on the website.

Don’t Yet Have the Divi Theme?
We absolutely LOVE building with Divi. Not only is it an extremely flexible page-building Wordpress theme, but it is also very user-friendly for our clients. One of the best things about Divi is it is a powerful tool for both web designers AND developers alike.
Whether you're more of a visual, front end person or you like to dig into the code and create dynamic websites - Divi is flexible enough for any project.
(Note this is our company affiliate link & should you choose to purchase through our link we will earn a commission. Thank you, you will adore Divi!!)

Article by
Karyn Paige
Karyn is a web developer at Sam Munoz Consulting, LLC. She's also a mentor at the Making Website Magic School of Business, working with women web designers to create values-driven businesses that are aligned with their personal visions.
Keep Learning & Reading
How to Add a Top Call to Action Bar in WordPress
A top call to action bar can be a great way to easily direct visitors to convert. Learn how to add a Top Bar Call to Action in Wordpress
How to Position a Background Image in Divi
Ensure the background image you use on your site shows up the way you want it to! Learn how to position a background image in Divi.
How to Add reCAPTCHA to the Divi Contact Form Module
Stop spam in its tracks! Learn how to add reCAPTCHA to the Divi Contact Form module.