What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Issues with source code and squarespace...

    Asked by ancientalkemist on November 24, 2013 at 11:19 PM

    Hi,

     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?

    Seph

    source site content block
  • Profile Image

    Answered by ralphbrabante on November 25, 2013 at 02:16 AM

    @ancientalkemist

    Hi,

    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.

     

  • Profile Image

    Answered by ancientalkemist on November 25, 2013 at 03:53 AM
    Hi,
    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
    -- 
    Seph 
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 25, 2013 at 05:14 AM

    Hi Seph,

    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!

  • Profile Image

    Answered by ancientalkemist on November 25, 2013 at 02:20 PM
    I 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?
    Seph
    JotForm Support Forum wrote:
  • Profile Image
    JotForm Support

    Answered by EltonCris on November 25, 2013 at 04:54 PM

    Hi Seph,

    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 */

    @font-face { 

      font-family: font-name

      src: url("../fonts/font-name.eot");

    }

    /* then for WOFF-capable browsers */

    @font-face { 

      font-family: font-name

      src: url("../fonts/font-name.woff") format("woff");

    }

    .form-all {

    font-family: font-name !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    If you need further assistance, let us know here. Thanks!

  • Profile Image

    Answered by ancientalkemist on February 12, 2015 at 11:57 PM

    Hi,

    I am back to editing my form and I need to make it fit into the rest of my webpage. The fonts I need to use are only available on Typekit. Have you made any improvements on integrating this with Jotform?

    I tried what you had suggested above, but couldn't make it work. 

     

    Thanks!

  • Profile Image
    JotForm Support

    Answered by ashwin_d on February 13, 2015 at 12:08 AM

    Hello ancientalkemist,

    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 

    Thank you!