How to change the font on my 123FormBuilder form?

With 123FormBuilder, you can customize everything about your web forms. To change the font of your online form, access your form builder account, and open the Form Editor. From the sidebar menu, click on the Design icon.

Under Quick setup section, you will find Font setting – from here you can quickly change the font of your form (question text/label/instructions, but also the input font provided by your respondents.

Font

If you want to change only the font of your form and have a different font for your respondents’ input, then all you have to do is scroll down to Fields section and change the Font setting.

Font fields


Related articles

8 comments

  1. Hi I’m a Wix user too. I go Settings > Design > Choose my theme … but cannot customise it. There are no options to. Please help.

    1. Hello Will,
      After you select the Theme from the dropdown available when you click on Customize Theme a panel should open where you have all the features you can adjust and change. Here is a screenshot for better reference on how it should look
      If you require more support please send us an email at support@123formbuilder.com and the team will be more than happy to assist you.

  2. I was able to change the font size easily for the LABEL fields. However, the INSTRUCTION field font is SO SMALL; I did not find anywhere to increase the font size for INSTRUCTION fields. Help.

    1. Hello Terri!

      I apologize for replying this late. Are you referring to the text within the input fields as label fields? If that’s the case, you can change the text size with some basic CSS. It works for instructions, too.

      Go to SettingsThemes and click the link Use custom CSS.

      Copy these two lines:

      input {font-size:28px !important;}
      .class123-labelinfo {font-size:28px !important;}
      

      Just change the values with your desired font sizes and that should do it.

      If you require more assistance, you can reach our support specialists at support@123formbuilder.com

      Thanks!

  3. Hello,

    I made it, it did not work, although I put the right URL (with tff & eot), nothing happened on the text (not even an error message) I can not see Open sans in the dropdown box of available fonts…?

    Could u help me please?

    Sincerely

  4. Hi,

    I’m using Wix for my website and I’m using 123form.

    My website is using “Open Sans” font but I can’t find it in the font style menu.
    Could you please help me with my request?
    It is quite important as it doesn’t look consistent at all.

    Many thanks,

    Kind regards,

    Alexandre Lacoste

    1. Hello Alexandre!

      You can use a workaround to add the respective font to your form. Go to the SettingsThemes section of your form and click on the link Use custom CSS. In the custom CSS lightbox, use this code:

      @font-face
      {
      font-family: font_name;
      src: url('font_name.ttf'),
      url('font_name.eot');  
      }
      
      • Replace font_name with the exact name of the font.
      • Instead of font_name.ttf type in the URL where the font is located. Use a trusted server or one of your own to upload the font.
      • Use the last line to make sure the font will work on IE 9 (if file exists). Replace font_name.eot with the URL where the file is located.

      Font files are of different types with different extensions. Make sure you check the extension of the font and add it the same to the code.

      If you want, you can request this font to be added on our side on our suggest a feature form (can be accessed when logged in only.

      For more help, feel free to contact us at support@123formbuilder.com

      Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form for more information. in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?