1. From Clickfunnels Dashboard hover to your account name on the top right corner, select Account Settings, and click on Digital Assets from the left sidebar

2. Upload your custom font file by clicking on the New Asset (+) button on the top right of the page



3. Enter the asset details and hit "Save"

4. On the Digital Asset main page, click on the "3 vertical dots" icon on the right side of the font and click "Copy Asset Path". Save it in a text editor for your future reference 



To apply the font to your page, follow the steps below. (Take note that the new font will not display in the font list. Instead, you have to add your custom CSS)


1. If you want to apply the font to your page body, can can use the code below, replace the font source with the path file you copied.: 

@font-face {
  font-family: 'Charter';
  src: url('ADD THE FILE URL HERE');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Charter', serif !important;
}


2. If you want to apply the font to a specific element on your page, you have to get the css ID of the element that you want to have the custom font. Click on the Gear icon on the top right of the element when you hover on it: 


save image



3. Then, click on the "Hashtag" icon or Pound sign at the bottom of the right side panel.


save image



4. Copy the CSS ID Selector. You will use this in your custom CSS.


save image

 

 

5. Next, Go to Settings > Custom CSS


save image


6. Finally, add your CSS. Replace the font source with the path file you copied. The asterisk after the element ID means that the font will be applied to all of the elements inside #tmp_headline1-51162


@font-face {
  font-family: 'Charter';
  src: url('ADD THE FILE URL HERE');
  font-weight: normal;
   font-style: normal;
}
#tmp_headline1-51162 * { 
  font-family: 'Charer', serif !important;
}

7. Save Funnel