How to change the font on my form?

Customize a form theme in the SettingsThemes section. In the customization panel, open the Text menu. Select your preferred Text color, Font style, Font size and Label info color. Press Save Changes at page bottom.

Change Form Text Font

Terri Mando

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.

August 22, 2016 03:17
    Olivian Stoica

    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@123contactform.com

    Thanks!

    August 25, 2016 10:53
CHESSON Jérôme

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

August 07, 2015 08:27
    Olivian Stoica

    Hello!

    Have you followed the steps described in our article? You’ll need to use the custom CSS option to upload fonts from another location.

    If you need more assistance, don’t hesitate to contact our Support Team at support@123contactform.com or via our contact form.

    Thanks!

    August 07, 2015 12:51
Alexndre Lacoste

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

March 11, 2015 03:46
    Olivian Stoica

    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'); /*IE9*/ 
    }
    
    • 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. It will be included in our Features Requests section where other people may vote it.

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

    Thanks!

    March 11, 2015 07:51

Leave a Reply

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