我有一个
HTML页面,它引用了许多样式表.大多数样式表都是网站的“本地”.但是,我有一个样式表,我从CDN引用.这是Font-Awesome css文件.我的参考如下：
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
我在我的应用程序的几个地方引用了这个css文件中的样式,示例参考是：
<span class="fa fa-pencil cursor-pointer margin-left-5" ng-click=\'openRoomEdit(dataItem)\'></span>
除Chromebook外,这些引用在任何地方都可以正常使我已在Windows上的Edge,Firefox和Chrome以及Mac上的Safari和Chrome上测试过它.它适用于这些示例中的每一个.但是,在Chromebook上,它无法从该CSS中找到样式,因此图标无法呈现.
仅在Chromebook上,当我尝试从CDN加载CSS文件时,我在网络面板中获得了net :: ERR_INSECURE_RESPONSE.我正在使用https引用该文件,该应用程序运行为具有有效SSL证书的https.
当我在应用程序本地安装Font-Awesome文件并以这种方式引用时,一切正常.我希望能够通过CDN引用它,但由于我的许多客户使用Chromebook,我需要弄清楚为什么这不起作用.
解决方法
为了确保问题不依赖于特定的SSL BootstrapCDN正在使用,您应该尝试使用这个而不是第一步.
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css
cdnjs和BoostrapCDN都使用SHA-256,但BootstrapCDN使用的是2016年10月生成的Symantec,它让我想到了Chrome 53中的this bug,其中Symantec证书被自动拒绝.如果您可以控制您的客户和您正在使用的Chrome版本,我不知道,但如果它们不是最新的,它可能是一个领先者.
您还为自己的网站使用了哪种证书？它值得信赖吗？它不是,您可以使用LetsEncrypt创建一个受大多数CA信任的.过去有关于自签名证书和Chrome的问题,您可以在门票#516808和#516808找到.
如果没有任何帮助,您可能需要do a NetLog dump,以便我们了解有关您的问题的更多信息.
