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

    Mobile Theme: Google font issue in SSL form

    Asked by morgeeman 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 'https://be-a.co.uk/' was loaded over HTTPS, but ran insecure content from 'http://fonts.googleapis.com/css?family=Lato:100,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:

    https://be-a.co.uk/

     

    many thanks

     

    Dan

    Page URL:
    https://be-a.co.uk/

    font issue mobile theme
  • Profile Image
    JotForm Support

    Answered by Charlie 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 by morgeeman 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:

    static-interlogyllc.netdna-ssl.com/css/styles/mobile.css?3.2.3999

    line 1 : @import url(http://fonts.googleapis.com/css?family=Lato:100,400,700);

     

  • Profile Image

    Answered by morgeeman on October 13, 2014 at 11:06 AM

  • Profile Image
    JotForm Support

    Answered by ashwin_d 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(https://themes.googleusercontent.com/static/fonts/lobstertwo/v4/Law3VVulBOoxyKPkrNsAaIbN6UDyHWBl620a-IRfuBk.woff) 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 by morgeeman on October 13, 2014 at 01:44 PM

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

    https://be-a.co.uk/

    https://be-a.co.uk/business-opportunities

     

    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:

    42481608051955

    or


    42511493992965

     

    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:

    static-interlogyllc.netdna-ssl.com/css/styles/mobile.css?3.2.3999

     

    Thanks

     

     

  • Profile Image
    JotForm Support

    Answered by Mike_T 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
    JotForm Support

    Answered by paulsimpson 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.

    Paul