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.