How to Use Custom Fonts in Dubsado Forms скачать в хорошем качестве

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/... ------------------------------------------- ------------------------------------------- 👍 Give this video a thumbs up & subscribe to this channel:    / @emakatiraee   💰 Get 30% off your first month or year of Dubsado with my code EMAKATIRAEE: https://www.dubsado.com/?c=emakatiraee 🎨 Save time with my ready-to-use Dubsado templates: https://www.emakatiraee.com/shop // ABOUT THIS CHANNEL // On this channel, I create tech tutorial videos about Dubsado and other software to help you run an online business. Learn more at: https://www.emakatiraee.com/ Affiliate Disclaimer: 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. Your support through these affiliate links is much appreciated and allows me to continue sharing valuable insights and resources.