What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change the font for the form to be Josephine Sans?

    Asked by willothewisp on June 13, 2017 at 02:38 AM

    However i need to change the font on the widget buttons to match the rest of my form. Im using Josephine Sans.

    Secondly is there a way to change ALL type letter spacing for Josephine sans to 0.1em?

  • Profile Image
    JotForm Support

    Answered by Nik_C on June 13, 2017 at 03:03 AM

    You could change the font for the whole form by going to the advanced designer:

    -Click Form Designer:

    -And then Advanced designer:

    -There, under the Font section:

    That should make your font in the form all the same. I checked with the Font Inspector and the font was showing properly:

    Now, regarding this:

    Secondly is there a way to change ALL type letter spacing for Josephine sans to 0.1em?

    Do you mean for the whole form or some specific part of the form where you want to set the spacing?

    We'll wait for your response.

    Thank you!

  • Profile Image

    Answered by willothewisp on June 13, 2017 at 03:20 AM

    Hi,

    I had done that to change the font but everything changes except the widget button labels.... Even now if i change to a different font , everything changes except the widget buttons.

     

    Yes i mean for the whole form for text spacing.

     

    Thank you!

     

     

  • Profile Image

    Answered by WilliamR on June 13, 2017 at 03:41 AM

    Hi,

    If you want to change the text spacing on your from, then try this CSS code

    .form-all {
        letter-spacing: 0.1em;
    }
     
    Regarding the font on the widget, can you provide us a screenshot of what you are seeing on your end? If you can provide us the URL to replicate the widget font, that would be fantastic too.
     
     
  • Profile Image

    Answered by willothewisp on June 13, 2017 at 07:05 AM

     

  • Profile Image

    Answered by willothewisp on June 13, 2017 at 07:07 AM

    Heres what i am i seeing on my end. The widget font remains unchangeable.

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by candy on June 13, 2017 at 09:15 AM

    Hello,

    We are sorry for the inconvenience you have.

    I have cloned your form named "Order Form" on my side in order to test. Please inject the following CSS codes to the related widgets as you can see in the following screenshot below:

    #_l0, #_l1,#_l2, #_l3, #_l4, #_l5{

    font-family: "Josefin Sans" !important;

    }

    I hope this helps.

    Thank you.