css – Chromebook上的Chrome无法从CDN加载样式

我有一个 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,以便我们了解有关您的问题的更多信息.

原文地址：https://www.jb51.cc/css/214956.html