How to Use Custom Fonts in Dubsado Forms

In this Dubsado video tutorial, I'll show you how to add custom fonts in the new Dubsado form builder. I'll take you through the process of adding your custom font or Google fonts in Dubsado using easy to follow step-by-step instructions. I'll show you what CSS code to insert into your form to be able to use your own custom fonts. By the end of this video, you'll be able to use your brand fonts in Dubsado so your forms and proposals can match your brand. By Ema Katiraee - Certified Dubsado Specialist 0:00 Welcome 1:51 Host your font files 3:49 Using Google fonts 5:08 Adding your fonts to your Dubsado form 8:15 Setting your fonts in your form 11:48 Changing fonts in other parts of your form #dubsado #customfonts #fonts Find your Google fonts here: https://fonts.google.com/ Remember that you can customize your font weight, size & style, line height, color, etc. What I've provided below is simply a starting point. Copy/paste the code below to your own Dubsado form to save some time, but customize as needed (I also removed the font names + URLs): // CSS CODE // @font-face { font-family: 'FONTNAME'; src: url('https://yoururl.woff') format('woff'), url('https://yoururl.woff2') format('woff2'), url('https://yoururl.ttf') format('truetype'); font-weight: normal; font-style: normal; } .dubsado-form h1 { font-family: 'FONTNAME', serif; font-weight: 400; color: #000000; font-size: 3em; } .dubsado-form h2 { font-family: 'FONTNAME', sans-serif; font-weight: 300; color: #000000; font-size: 2em; } .dubsado-form h3 { font-family: 'FONTNAME', serif; font-weight: 400; color: #000000; font-size: 2em; text-transform: uppercase; } .dubsado-form h4 { font-family: 'FONTNAME', sans-serif; font-weight: 300; color: #000000; font-size: 1.4em; } .dubsado-form p { font-family: 'FONTNAME', sans-serif; font-weight: 300; color: #000000; font-size: 1.2em; line-height: 1.8; } /* Proposal tabs area */ .client-view-tabs { font-family: 'FONTNAME', sans-serif; font-weight: 300; color: #000000; font-size: 1.2em; } Here is the link to the Dubsado CSS Cheat Sheet: https://help.dubsado.com/en/articles/... ------------------------------------------- 📊 FREE QUIZ: Find out if your client experience matches your brand. https://www.emakatiraee.com/quiz 👍SUBSCRIBE for regular videos on systems that support your business:    / @emakatiraee   💰 SAVE 30% ON DUBSADO: Use code EMAKATIRAEE for 30% off your first month or year of Dubsado https://www.dubsado.com/?c=emakatiraee 🎨 DUBSADO TEMPLATES: Save time with my ready-to-use Dubsado form templates https://www.emakatiraee.com/shop Disclaimer: This video is for educational purposes only and does not constitute legal, financial, or professional advice. You are responsible for how you implement the information shared, and results may vary based on your business, settings, and processes. Some of the links in this description are affiliate links, and I will earn a commission if you make a purchase using them. This commission comes at no additional cost to you.