Adjusting font-family with CSS.

  • Profile Image
    brennanmorrow
    Asked 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;

    }

     

  • Profile Image
    Mike
    Answered 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
    brennanmorrow
    Answered 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
    Chriistian
    Answered 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.