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

    Adjusting font-family with CSS.

    Asked by brennanmorrow on September 08, 2016 at 03:56 PM

    I am trying to get my forms CSS to match my website. http://www.holiday-lights.net/

    There really just 2 font faces I need, header and regular text. 

    that Font: BlackJack, and Font: Raleway

     

    So I am haveing a hell of a time getting it together. 

    heres my css, however I can not get the fonts defined..... 

     

     

    @import 'https://fonts.googleapis.com/css?family=Dancing+Script|Raleway';

     

    .form-all {

        font-family : 'Raleway', arial;

    }

     

    #header_1 {

        font-family : 'Dancing+Script', arial;

    }

     

    #header_13 {

        font-family : raleway;

    }

     

    #text_4 span.hoverSticky {

     

    }

     

    .hoverSticky span {

     

    }

     

    #text_4 span.hover {

        font-family : raleway;

    }

     

    #id_8 {

        font-size : 30px;

        color : #f9f7f7;

    }

     

    #label_8 {

        color : #ffffff;

    }

     

    #label_7 {

        color : #ffffff;

    }

     

    Page URL:
    https://form.jotform.com/62513669396164

    font-family form font
  • Profile Image
    JotForm Support

    Answered by Mike on September 08, 2016 at 07:01 PM

    You can try the following CSS:

    .form-all {
    font-family : 'Raleway', arial !important;

    }
    .form-label {
    font-family : raleway;
    }
    .form-header-group {
    font-family : 'Dancing+Script', arial;
    }

    Also, I would like to suggest re-adding the first Text field, since it is currently added with the Arial font.

    If you need any further assistance on this, please let us know.

  • Profile Image

    Answered by brennanmorrow on September 08, 2016 at 08:09 PM

    No progress here with these changes. 

     

     

    I changed the Css to: 

     

    @import 'https://fonts.googleapis.com/css?family=Dancing+Script|Raleway';

     

    html.supernova {

        background-size : 100% auto;

    }

     

    .form-all {

        font-family : 'Raleway', arial !important;

    }

     

    .form-label {

        font-family : raleway;

    }

     

    .form-header-group {

        font-family : 'Dancing+Script', arial;

    }

     

     

    however it made no changes to the form: https://form.jotform.com/62513669396164

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 08, 2016 at 11:19 PM

    I checked your form and I see that you have successfully changed the font of the form using the new CSS code. 

    So far it looks like the issue has been resolved. Do you still encounter an issue on your end? If you need further assistance, please let us know and we will be glad to help you further.
    Thank you.