-
simmijaAsked 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 :)
-
KadeJMReplied 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.
-
simmijaReplied 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 SupportReplied 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.
-
simmijaReplied 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 SupportReplied 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 SupportReplied 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: