Adjusting font-family with CSS.

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;

}

 

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.

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

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.