How to Add a Custom Font in the ClickFunnels Editor: Google Fonts

Why is this necessary when all the Google Fonts are already integrated in the ClickFunnels Editor, you ask? Because it is not ALL available in the editor. As much as I love the CF editor, there are some fonts that I just cannot live without and the editor lacks. In this tutorial, I take you through one way of adding the missing Google Fonts into the editor. 

Cheat Code:

Heading

.hsSize3 {
  font-family: 'Caladea', serif;
  font-weight:700;
  font-style:Regular;
}

Body/ Paragraph

.hsSize1 {
  font-family: 'Caladea', serif;
  font-weight:400;
}

Sub-Heading

.hsSize2 {
  font-family: 'Caladea', serif;
  font-weight:700;
}

Navigation

[css ID selector] li {
  font-family: 'Caladea', serif;
  font-weight:700;
  font-style:italic;
}

Button

.elButtonMain {
  font-family: 'Caladea', serif;
  font-weight:700
}

Bold

b {
  font-family: 'Caladea', serif;
  font-weight:700
}

Resources & Links

Powered By ClickFunnels.com