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 above! If you’re more of a step-by-step person, we’ve written out the steps below.
How to Preview Divi Fonts using Google Fonts – Step by Step
- To preview your website fonts, head over to the Google Fonts Library. For a more customized preview, add a line of sample text from your 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 your website.
Divi Theme + Effortless Web Kits
Our effortless website kits are built utilizing Divi! The web kits are high-converting websites, crafted for entrepreneurs & small business owners. Stop letting tech prevent you from launching your website and business. With an effortless website kit, you’ll have your site up lickity-split! Sit back & start watching the sales & leads pour in.
Article By: Karyn Paige
Web Developer on the SMC Team
I love looking at something – anything – and wondering how it was created. When I develop an interest in something, I immediately go all in to figure out how it works and what’s the story behind it.