Mobile Theme: Google font issue in SSL form

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

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.

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);

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!

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

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.

Hi Dan,

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

Paul