First impressions matter, especially when it comes to your online forms. Whether you’re collecting customer feedback, event registrations, or generating leads, the way your form looks and feels can make all the difference.
With Jotform’s wide selection of fonts and easy customization tools, you can quickly create a polished, professional form that reflects your brand, no coding needed. One of the Form Designer’s most frequently used core features is the ability to change fonts, either by selecting from the built-in font selector or Injecting Custom CSS Code.
- In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
- Now, in the Form Designer window, click on the Styles tab.
- Then, in the Font section, click on the Downward Arrow icon.
- In the Dropdown menu, select or search for the font you want to use.
Notes
- There are other style options that you can use under the Styles tab.
- The Form Builder saves your selections and changes automatically.
- Adding a customized font is possible by injecting custom CSS code into your form. We have a guide about How to Inject Custom CSS Codes that you can check out.
Send Comment:
17 Comments:
More than a year ago
Hi Team,
How do I remove the colour from the background of the drop-down box selections?
ATM it comes out a light blue-grey colour in the PDF.
Kind regards,
Luke
More than a year ago
Step 1 - While in the Form Builder, click Form Designer:
Step 2 - Click the Styles tab.
Step 3 - On the Font dropdown, select the font from the list:
Step 4 - Scroll down and click the Save button. You're good to go after that.
More than a year ago
Step 1 - While in the Form Builder, click Form Designer:
Step 2 - Click the Styles tab.
Step 3 - On the Font dropdown, select the font from the list:
Step 4 - Scroll down and click the Save button. You're good to go after that.
More than a year ago
We know there’s nothing worse than signing up for a new tool and realising that the user experience is a deal breaker.
More than a year ago
Hi Jotform
Thank you for this very useful guide. I am having a few issues, though:
- When I embed the form on my page, it has a sort of shadow frame around it which I would like to remove to make it blend in completely with the background - is that possible?
- Underneath the form the jotform URL appears - is there a way to hide it? It doesn't appear in the example from your link
I hope you have a great solution :-)
Kindly,
Sophia
More than a year ago
Im trying to change the font colour in the selection drop down box as it currently shows as white against a white background and therefore can been seen. Same occurs in the input background field. Can you please help with the font coding
More than a year ago
thank you sir
More than a year ago
Proud to say, we are one of the users of JotForm.
Congratulations!!
3 Million ? No... It will be multiplied more and more!
God Bless!
More than a year ago
WOW
More than a year ago
Gracias por ayudarme, desde Argentina !!!!!!!
More than a year ago
Привет.
More than a year ago
hands down the best form tool on the planet, nothing even comes close
More than a year ago
Ye!!!
Proud to be one of the earliest and oldest users from India... and probably the largest as well!!! Our trust in the team and our love for the product has never waned even for a second. Hearty Congratulations on a new Milestone.
More than a year ago
Very friendly, creative and easy i like it, Thanks JotForm.
More than a year ago
Com Jotform se tornou tudo bem mais fácil, só tenho a agradecer. Obrigado!
More than a year ago
Jotform was the best thing that ever happened to our F&B company. Thanks Jotform team!
More than a year ago
After I click in Form Designer, I only see palettes, themes and custom. And all these options only allow me changing the colour. Is there anywhere I can click for font and other style change? Thanks.