- ancientalkemistAsked on November 24, 2013 at 11:19 PM
I copied the source code for my file upload form and added what I need to so I can use typekit fonts. When I copy it into a code block on my squarespace site, it looks great and it totally works from the back end. However, when I log out and go to view it as a visitor would see it, not only isn't my form there...but all of my content on that page isn't displaying.
When I just use the embed code and do the same thing...it all works fine. I just can't match the fonts on my site.
Any ideas or suggestions?
- ralphbrabanteAnswered on November 25, 2013 at 02:16 AM
Good Day my friend I just want to help, yet I will be needing more information from you, may I ask the link of your squarespace site where the jotform sit? Also may I also get your jotform direct link which is having issues for now? in this way I can inspect the site and see what triggers the problem here.
- ancientalkemistAnswered on November 25, 2013 at 03:53 AMHi,
I think you misunderstood, my jot form direct link works …it’s when I copy the source code so I can use type kit fonts that causes the issue. My website is still in development
for a few days. It isn’t live yet.
Here’s my link: https://secure.jotform.us/form/33276420495153
- JotForm SupportEltonCrisAnswered on November 25, 2013 at 05:14 AM
Thanks for the clarification. Sorry but I am not familiar with squarespace, it would help us diagnose the problem if we can check it on our browser.
But first, we have custom CSS injection feature, you can inject custom CSS codes to your form to change your font styles. Media questions like @font-face is possible. We also have a guide on how to change your form fonts with Google Web Fonts. Beautify your form with Google Web Fonts. With this, instead of embedding your form as source code, you can embed it with the default embed script or iframe.
Let us know if you need further assistance. Thanks!
- ancientalkemistAnswered on November 25, 2013 at 02:20 PMI just heard back from square space that the reason it is happening is because of the CSS that is included in the source code. I followed one of the tutorials so I could use a typekit font. I am trying to use museo-sans which isn't available on Google fonts.
Is there a way to do this besides using the source code?
JotForm Support Forum wrote:
- JotForm SupportEltonCrisAnswered on November 25, 2013 at 04:54 PM
You can use the following CSS codes and inject it to your form. Make sure to replace the font-name with your font family name and the source of the uploaded fonts. I have bolded it below.
/* first for old Internet Explorer */
/* then for WOFF-capable browsers */
src: url("../fonts/font-name.woff") format("woff");
font-family: font-name !important;
If you need further assistance, let us know here. Thanks!
- ancientalkemistAnswered on February 12, 2015 at 11:57 PM
- JotForm Supportashwin_dAnswered on February 13, 2015 at 12:08 AM
This is a very old thread. I have moved your question to a new thread and you will be answered here: http://www.jotform.com/answers/515341