Google font not working on Squarespace

  • Profile Image
    mpt512
    Asked on October 10, 2014 at 09:27 PM
    But when I embed it into a lightbox for squarespace it popups and everything is fine, but the font reverts back to some comic sans crap, what do I do?
  • Profile Image
    Jan
    Answered on October 10, 2014 at 09:31 PM

    Hi mpt512,

    If you want to embed the form on your squarespace page you need to follow this guide: Adding Form to Squarespace.

    Would you mind sharing the link of your squarespace website as well? So we can take a look at it.

    Let us know if it is still not working. Thank you.

  • Profile Image
    mpt512
    Answered on October 10, 2014 at 10:47 PM

    When I embed the form in its own page, it works fine, but if I want to use a popup lightbox it loses its Google font settings.

  • Profile Image
    Ben
    Answered on October 11, 2014 at 06:12 AM

    Hi,

    Please try changing your jotform style that is loading the fonts to this:

    @font-face {
      font-family: 'Jura';
      font-style: normal;
      font-weight: 400;
      src: local('Jura Regular'), local('Jura-Regular'), url(http://fonts.gstatic.com/s/jura/v7/pqMzP52_r6zHbOILcX8h-A.woff) format('woff');
    }

    After changing them it worked right away for me.

    I presumed that this is jotform that you had the issue with: http://form.jotform.us/form/42827881473162 (no fonts loaded)

    This is the jotform that I just coned from yours and added the style above: http://form.jotformpro.com/form/42832738855971 (fonts are properly loaded).

    Now what I would like to ask you if this is still not working after applying the change above is to give us the link to the website where the jotform is at. This will allow us to see if there are any possible conflicts causing this for you.

    I got the style code above from the Google font page http://fonts.googleapis.com/css?family=Jura

    Best Regards,
    Ben