How To Add Custom Fonts To Dubsado

It’s so important to be staying on brand and Dubsado only has a small selection of fonts to use in their form builder but this tutorial will show you how to easily add custom fonts to Dubsado.

It’s great if your font is within this small selection of fonts within Dubsado but the chances are that it’s probably not and you more than likely have a paid custom font.

If this is the case then there is a way around adding your own custom fonts into Dubsado, although you will need a website or similar to be able to upload the font file to access your URL.

It’s actually a really simple process that sometimes is over complicated so let’s dive in…

 

How To Add Custom Fonts To Your Dubsado Forms

 

First off watch the video below as it will walk you through all the steps you need and below I have written out the css code for you to copy & paste into your Dubsado Code Block.

 

 

 

<style>

@font-face {
    font-family: 'Glitten';
    src: url('YOUR FONT URL') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.jb-form h1 {
font-family: 'Glitten';

}

.jb-form h2 {
font-family: 'Glitten';
text-transform:uppercase;

}

.jb-form h3 {
font-family: 'Glitten';
color: #000;

}

</style>

 

 

 

Replace the source URL from your media files and update the font-family in the css code.

Are you looking to start using Dubsado and want a discount of 20% off. CLICK HERE to get your discount. 

Please Share This Post!

0 Comments

Submit a Comment

Your email address will not be published.

WordPress Website Designer, Dubsado Expert

Hi, I’m Sarah

WordPress Website Designer & Dubsado Specialist based in Ealing, London. I write about all things WordPress, funnels, design & Dubsado.

Choose Your Category

Social Media Templates, Social Media Mockup Templates, Instagram Templates

Related Posts

Grab Your 20 Free Dubsado Portal Banner Templates

EASY TO USE CANVA TEMPLATES FOR DESKTOP & MOBILE

.