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

  • Profile Image
    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 :)

  • Profile Image
    KadeJM
    Answered on November 19, 2015 at 01: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.

  • Profile Image
    simmija
    Answered on November 19, 2015 at 01: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.

  • Profile Image
    david
    Answered on November 19, 2015 at 02: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.

  • Profile Image
    simmija
    Answered on November 20, 2015 at 02: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#

  • Profile Image
    david
    Answered on November 20, 2015 at 03: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.

  • Profile Image
    david
    Answered on November 20, 2015 at 03: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