ClickFunnels Tutorial – Importing Local Font (Your own font) – [Custom Font Series 2020]


ClickFunnels Tutorials for all levels! In this tutorial, we cover how to add custom fonts that are not included in the ClickFunnels Editor. Part 3 specifically covers how custom fonts can be integrated into your pages.

Time Stamp:
Intro 0:00
Find a Font 0:11
Start in Funnel 0:40
Upload your font in Digital Assets 0:47
CSS in the Editor 1:51

Font Face 2:07
CSS Editor/Bold style 2:50
CSS Editor/Headline 3:14
CSS Editor/Sub-Heading 3:31
CSS Editor/Paragraph 3:45
CSS Editor/ Buttons 3:53
CSS Editor/Lists, Pricing card, Navigation, Image List 5:37

Copy all CSS for other pages 4:15
Mixing up the Fonts on a page 4:44

Targeted font application 8:54

Multi custom fonts in CF 11:01

——–

Cheat code and share link to the funnel available on this blog:

Fonts used in this funnel:
Pelakor:
Tunisia:
Retrocycles:

——–

Soundtrack by Neighbourhood Vandal

——–

Cheatcode:

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

Paragraph/Body:
.hsSize1 {
font-family: ‘Caladea’, serif;
font-weight:400;
}

Sub-Heading:
.hsSize2 {
font-family: ‘Caladea’, serif;
font-weight:700;
}

Navigation:
[selector ID] li {
font-family: ‘Caladea’, serif;
font-weight:700;
font-style:Regular;
}

Button:
.elButtonMain {
font-family: ‘Caladea’, serif;
font-weight:700
}

Bold:
b {
font-family: ‘Caladea’, serif;
font-weight:700
}

Recent Content

error: Content is protected !!