带有Node / Express安全应用程序的Stylus / Nib CSS会触发有关不安全JavaScript的Chrome警告

Question

控制台消息：

The page at [...] ran insecure content from http://fonts.googleapis.com/css?family=Quicksand.

和

The page at [...] displayed insecure content from http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff.

和

Resource interpreted as Font but transferred with MIME type font/woff: "http://themes.googleusercontent.com/static/fonts/quicksand/v2/sKd0EMYPAh5PYCRKSryvWz8E0i7KZn-EPnyo3HZu7kw.woff".

我知道是什么造成的 - 含糊地说。我刚开始实现Stylus，Nib CSS模块。

Answer 1

在我的Google研究中，我发现：http://mccormicky.com/1595/importing-google-web-fonts-lightspeed-web-store-ssl/

这清楚地表明应该将字体请求切换为https以使整个事物被认为是安全的，然后我查看了我的/public/styles/style.styl文件并找到了有问题的行。一个额外的s应该足以清除警告。确实现在很好。

通过https而不是http来制作字体请求（在CSS样式文件中找到）非常简单。

我本来不打算回答我自己的问题（真的以为修复会使标题变得复杂），但是当我完成它并完成我应有的勤奋研究时，它是负责任的。所以，无论如何。