Mixed content, zk has a reference to google fonts

asked 2019-12-07 00:16:42 +0800

alexamm gravatar image alexamm
106 4

updated 2019-12-07 00:17:46 +0800

Hi, on chrome i have a message:

Mixed content: the page ... was loades over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com....'. This content should also be server over HTTPS.

i don't have a reference to google fonts.

How to resolver this isue?

delete flag offensive retag edit

4 Answers

Sort by ยป oldest newest most voted

answered 2020-01-20 14:41:44 +0800

cor3000 gravatar image cor3000
6280 2 7

updated 2020-01-20 16:20:10 +0800

here my output after adding/activating the sapphire theme


<script type="text/javascript" src="/zksupport86/zkau/web/416fada1/js/zk.wpd" charset="UTF-8"></script>
<script type="text/javascript" src="/zksupport86/zkau/web/416fada1/js/zul.lang.wpd" charset="UTF-8"></script>
<script type="text/javascript" src="/zksupport86/zkau/web/416fada1/js/zkbind.wpd" charset="UTF-8"></script>
<!-- ZK EE 2018112010 -->

<link rel="stylesheet" type="text/css" href="/zksupport86/zkau/web/416fada1/_zkiju-sapphire/zul/css/zk.wcs"/>

the open-sans font is only added on my side, when also adding the atlantic-theme-jar to my dependencies. Please check whether you accidentally have the atlantic.jar in your classpath and remove it to see if the font goes away.


As you can see in the code the http scheme is not hard coded and follows your HTTP request scheme (exec.getScheme()). If that doesn't return HTTPS, then I assume your proxy settings aren't setup accordingly. E.g. in a tomcat behind an NGINX server, it could be just missing to set the proxy header for the scheme (to tell tomcat the request was actually done via HTTPS even if tomcat uses only HTTP internally)

from https://stackoverflow.com/a/51489259/4740707:

proxy_set_header X-Forwarded-Proto $scheme;

and in your tomcat settings make it aware of those forwarding headers in server.xml:

<Valve className="org.apache.catalina.valves.RemoteIpValve"

Anyway that's server/container specific, so this will likely vary on your side. So you'll have to ask the person with appropriate expertise and privileges in your enviroment.

Alternatively the font can be disabled by setting the library property org.zkoss.theme.atlantic.useGoogleFont.disabled to true in your zk.xml.


link publish delete flag offensive edit


Thanks @cor3000, good information. You right, i have a atlantic theme on my project, but with the entry on zk.xml fix the problem. I learned a lot with your post. Thanks again.

alexamm ( 2020-01-23 01:27:06 +0800 )edit

answered 2020-01-16 04:43:04 +0800

alexamm gravatar image alexamm
106 4

someone has had the same problem?

link publish delete flag offensive edit

answered 2020-01-16 11:01:02 +0800

cor3000 gravatar image cor3000
6280 2 7

yes such an issue was reported earlier in ZK-2693 and has been fixed in the mean time.

You didn't mention which theme you are using or which exact ZK version so it's hard to compare your described scenario to anything.

link publish delete flag offensive edit


thanks cor300, i use the sapphire theme on zk version 8.6.0, but that solution is modify the source code of zk. On my applications, is a easy solution?

alexamm ( 2020-01-16 21:46:32 +0800 )edit

I didn't find any reference to fonts.googleapis.com in the sapphire theme, so this must originate somewhere else. can you please check in your developer tools, where the stylesheet referenceing this http url is included? I'll increase your karma so you can post screenshots.

cor3000 ( 2020-01-17 10:52:42 +0800 )edit

(if you can't share details in public please contact our support)

cor3000 ( 2020-01-17 10:54:57 +0800 )edit

answered 2020-01-17 22:55:41 +0800

alexamm gravatar image alexamm
106 4

Thanks @cor300 here is more information

On chrome this is the message: image description

In my page, is no reference to fonts.googleapis.com, but on the source code on the page (from chrome), i found this: image description

I don't know where or how this code is generate, in the application is only one css file, and doesn't have any reference. The only place where is reference a "sans" font is here: image description

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2019-12-07 00:16:42 +0800

Seen: 24 times

Last updated: Jan 20 '20

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More