How to Use Google Fonts in the ClickFunnels Editor (Advanced Users)

ClickFunnels™ Helpdesk Support Video

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.

YouTube Transcript: English (auto-generated)

you
00:07
hey there mark with click photo support
00:10
today you’re going to learn how you can
00:12
use google fonts in your clickfunnels
00:14
editor to customize the fonts in
00:17
addition to the fonts that are already
00:18
available so you’re going to go to
00:20
google com forward slash fonts and
00:24
you’re going to get this screen here
00:25
something like this now you can just
00:28
scroll through here find any fonts that
00:30
you like just pick the one that sticks
00:34
out to you and then you can add it to
00:37
your collection just do whatever you
00:42
want here all right and then after
00:45
you’ve chosen the fonts that you want
00:47
you go down to use and here you can
00:51
choose any of the additional styles that
00:54
you want to make these available as well
01:00
so I’m just going to select all of these
01:02
and then you’re going to it’s going to
01:06
be right here on this but you’re
01:08
actually going to click on the
01:09
javascript tab you’re going to copy this
01:13
script and then you’re going to go over
01:16
to your editor and in the tracking codes
01:21
in your settings you’re going to paste
01:25
that JavaScript code that you just
01:27
copied now as you can see I already have
01:29
some of these in place here but i’m
01:32
going to show you what I did so this is
01:37
going to require that you actually use a
01:39
custom HTML block to stylize your text
01:44
instead of using the standard headline
01:47
or text editor now that we have this I’m
01:50
going to come back over here and here
01:52
you can find the code that you need to
01:55
insert into your custom CSS to use these
01:57
and here’s an example of how you can use
01:59
it you can set this for any h1 tag on
02:02
your page you can have the font be
02:04
specific so I’m going to choose this one
02:07
here I’m going to go back into my editor
02:10
I’m going to go to custom CSS as you can
02:14
see I already have some set up here but
02:15
I’m going to just change this
02:17
and so as you can see that already
02:22
changed you can change the font weight
02:28
and then so you can set up your tags h1
02:34
paragraph the other thing that you need
02:37
to know for this to work is using these
02:40
tags in your HTML block so as you can
02:46
see i have an h2 tag here this one has
02:51
an h1 tag and these are all paragraph
02:55
tags so you set all your fonts here in
03:00
the custom CSS and then you would use
03:04
the h1 tag or h2 or h3 your paragraph
03:08
tag on this for your text

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.