Jane Pro – How to edit texts

Google Body font: Barlow

Google Headings font: Antonio

 

How to edit text:

 

  1. Click on Enable Visual Builder in the top bar.
  2. Making changes to text with the Divi Visual Builder is as simple as clicking and typing.

 

 

How to Globally Change the Website Font in Divi:

Fonts used in Jane Pro Theme are Antonio  in headers, Barlow in body.

Navigate to Divi > Theme Customizer > General Settings > Typography > Select your Header/body font.

 

How To Add Text Highlights

  1. Go to text content and select text tab.
  2. Paste this snippet and edit the text (YOUR HIGHLIGHT TEXT GOES HERE…):

 

<span class="janepro_highlight">YOUR HIGHLIGHT TEXT GOES HERE...</span>

 

 

How to Change Font in Divi Modules:

Each module have a design option where how you want it by choosing the text color, orientation, font, font size, font spacing, and line height.

 

How to add a Custom Font to your Divi website:

  1. Open the Divi Visual Builder and go to any design module that shows a font.
  2. Click “upload” and select your font (supported file formats are: .OTF, .TTF, .EOT, .WOFF, WOFF2).

 

 

Once the fonts are loaded you can use them globally font in the headings.

Related Articles