wordpress gotham light font not showing up on mobile

For example, if I wanted header 1 and 2 to have the new Google Font, we would use: Now assign the elements in the Divi Theme Options > General > Custom CSS.

Go back to your Google Font page and scroll down to “ 4: Integrate the fonts into your CSS” and copy that code. Step 3. Assign the Font to Classes, Tags, and Elements Go to Divi Theme Options > Integration > and now paste the code into the head (not the body), and save. Click on the Quick Use icon, scroll down and copy the integration code. For this example, we chose “Great Vibes”. (Note: Make sure this is not a font already integrated with the Divi theme) Go to /fonts and choose a font that complements the style of your website. *This is our recommended way of adding fonts* Step 1. Click “upload” and follow the instructions Open the Divi Visual Builder and go to any design section that shows a font For all other fonts, you download the font to your servers and pull from your own FTP files.ġ) Upload Straight Into the Builder Step 1.

On Google Fonts, the font is stored on Google’s servers and you use code to pull from their files.

The difference between using Google fonts vs. Adding fonts is a fairly easy process but scares many away due to the fact that there is some very minor, yet very simple, coding involved. Check out our top three ways to use custom fonts on your website!Īdding custom fonts to your website is a great way to stand out from the competition and add your own custom and creative flair to your site. In this tutorial we discuss how to add Google fonts and Non-Google fonts alike to your Divi website.

Wordpress gotham light font not showing up on mobile