How can I use a custom font (raleway) in my form when i am using clickfunnels?

  • simmija
    Asked on November 19, 2015 at 12:24 PM

    How can I use a custom font (raleway) in my form when i am using clickfunnels?

     

    I saw the guide here: http://www.jotform.com/help/100-How-to-Use-Custom-Fonts-with-Jotform                             But how would you go about doing this in clickfunnels?

     

     

    Thank you for your time :)

  • KadeJM
    Replied on November 19, 2015 at 1:31 PM

    To my understanding it seems you want to use a custom font for "raleway" alongside clickfunnels.

    Do you maybe mean you want to use raleway on your form as your custom font and then embed your form onto clickfunnels?

    Upon searching I found raleway has several types. Are you looking to use standard raleway? or?

    Also, is this the Clickfunnels you are referring to? Or please clarify with an example explanation about what you are trying to do to correct me so that we can better understand what you need?

    I'm not sure that I have the right one since there appears to be several results appearing.

  • simmija
    Replied on November 19, 2015 at 1:44 PM

    "Do you maybe mean you want to use raleway on your form as your custom font and then embed your form onto clickfunnels?"

    Yes that is exactly what i mean :)         


    Looking to use raleway regular.

     

    Yes that is the correct Clickfunnels url.

  • David JotForm Support
    Replied on November 19, 2015 at 2:46 PM

    You should be able to change the font in your form to whatever you would like.  Then, as far as I know, to embed your form to a Clickfunnels.com page, you would need to use the iFrame code:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    This would need to be added in a custom HTML block:

    https://support.clickfunnels.com/support/solutions/articles/5000018826-custom-html

    Your form will retain the custom font when embedded.

  • simmija
    Replied on November 20, 2015 at 2:35 PM

    Really appreciate your patience guys! Unfortunately I still can't get my form in Raleway font.             

    This is what i copied into the CSS under form design:

     

    @import url(https://fonts.googleapis.com/css?family=Raleway);

     

    .form-all {

        font-family : 'Raleway', sans-serif;

    }

     

    My for is called Message contact form

    and located at http://www.jotform.com//?formID=53224906197358#

  • David JotForm Support
    Replied on November 20, 2015 at 3:36 PM

    I am having a bit of trouble getting the font to apply as well.  I will do a bit more testing an update you here as soon as I get things sorted.

  • David JotForm Support
    Replied on November 20, 2015 at 3:51 PM

    Try adding this code to your form:

    @import url(https://fonts.googleapis.com/css?family=Raleway);
    *, .form-label, .form-label-top, .form-all, textarea, input, button {
    font-family: 'Raleway', sans-serif !important;
    }

    This would be the resulting form:

    https://form.jotform.com/53236058723960