Issues with source code and squarespace...

  • Profile Image
    ancientalkemist
    Asked 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

  • Profile Image
    ralphbrabante
    Answered 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
    ancientalkemist
    Answered 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
    EltonCris
    Answered 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
    ancientalkemist
    Answered 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
    EltonCris
    Answered 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
    ancientalkemist
    Answered 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
    ashwin_d
    Answered 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!