Mobile Theme: Google font issue in SSL form

  • Profile Image
    Asked on October 13, 2014 at 08:43 AM

    The ssl is not working on my site. On opening Chrome inspector I see the following message:


    [blocked] The page at '' was loaded over HTTPS, but ran insecure content from ',400,700': this content should also be loaded over HTTPS.

    According to my developer this code is being inserted by Jotform - it's definitely not a font used on the site, however I have never used Google fonts on any of my forms - I didn't realise I could (I will start using them now tho).

    Could you please point me in the direction of the form / location of this code so I can ammend it please.


    the website is:


    many thanks



  • Profile Image
    Answered on October 13, 2014 at 10:49 AM

    Hi Dan,

    Upon visiting the website link, I'm unable to replicate the problem. Are you still having errors on your side? If you do, please provide us a screenshot, that would help us better understand the problem. You can try clearing your browser's cache or re-embedding the form code. You can use this link, which embed form code to use.

    I hope this helps. Let us know if you're still having problems.

    Thank you.

  • Profile Image
    Answered on October 13, 2014 at 11:00 AM

    Hi Charlie


    thanks for the response. I have re-embedded the forms and cleared the cache, but the problem still perists. I have taken a screen shot from chrome inspector. The google font code seems to be coming from the stylesheet:

    line 1 : @import url(,400,700);


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

  • Profile Image
    Answered on October 13, 2014 at 01:15 PM

    Hello morgeeman,

    With which form you are having this issue with? Please share the web page URL where you have shared your form and we will take a look. I did check few of you last edited forms but could not find any google font css injected.

    There could be an issue if you access your form or embed it using it secure embed code. The google font import code you must have injected is using non ssl URL. Since non secure content cannot be displayed in secure SSL page, you should inject the secure / SSL URL of google font and that should solve your problem.

    Example:  Your google font css code should be like this:

    @font-face {

    font-family: 'Lobster Two';

    font-style: normal;

    font-weight: 400;

    src: local('Lobster Two'), local('LobsterTwo'),url( format('woff');


    .form-all *{font-family: 'Lobster Two', cursive;}

    I have just changed the google font URL from "http" to "https".

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    Answered on October 13, 2014 at 01:44 PM

    The problem occurs on all pages of my site for example:


    With regards to changing the google font code to https - I have never embedded any google fonts in to any of my forms and as far as I can see the form that is producing the code is either:





    both of which have not got any custom font css injected - so where the code is being injected from is a mystery, but it is definitely from this css file:





  • Profile Image
    Answered on October 13, 2014 at 04:24 PM

    The issue seems to be specific to our Mobile jotform theme on the SSL forms. Now a bug report ticket has been escalated to our Development Team.

    In the meantime, you might consider switching the form theme to 'Nova Theme' or 'SuperNova Theme'.

    Also, we have recently added a Responsive Form option.

  • Profile Image
    Answered on October 14, 2014 at 07:59 AM

    Hi Dan,

    This bug has now been fixed. Thank you for reporting it and sorry for any inconvenience it caused you.