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

Question

我有一个引用了许多样式表的 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 引用文件，来自一个以 https 运行且具有有效 SSL 证书的应用程序。

当我在应用程序本地安装 Font-Awesome 文件并以这种方式引用它时，一切正常。我希望能够通过 CDN 引用它，但由于我的许多客户都使用 Chromebook，我需要弄清楚为什么这不起作用。

Answer 1

要确保问题不依赖于特定的 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，这让我想起了 this bug在 Chrome 53 中，Symantec 证书被自动拒绝。我不知道您是否可以控制您的客户和您正在使用的 Chrome 版本，但如果它们不是最新的，这可能是一个线索。

您自己的网站使用的是哪种证书？它值得信赖吗？不是，你可以用LetsEncrypt创建一个大多数 CA 信任的。过去存在关于自签名证书和 Chrome 的问题，您可以在门票中找到 #516808和 #516808 .

如果没有任何帮助，您可能需要 do a NetLog dump所以我们有关于您的问题的更多信息。