Question

我正在制作一个使用图标图标日历以及fa-chevron-right的Chrome应用程序。

当我在浏览器中预览我的应用时，fa fa-chevron图标可以工作，但不是图标图标 - 日历。目前它们只是显示为白色框。

当我通过chrome上的扩展程序启动我的应用程序时，fa和图标都不起作用。

我的文件夹中有icons.css文件，以及我的标题中的这些文件：

<link rel="stylesheet" href="icons.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">

我是否需要在我的清单文件或类似内容中授予FontAwesome权限？

HTML：

<a>
<span class="icon icon-calendar"></span>
<span class="title">Book A Table</span>
</a>
<li>
<i class="fa fa-chevron-right" aria-hidden="true"></i>
</li>

Answer 1

Chrome应用受以下Content Security Policy：

的约束

default-src 'self';
connect-src * data: blob: filesystem:;
style-src 'self' data: chrome-extension-resource: 'unsafe-inline';
img-src 'self' data: chrome-extension-resource:;
frame-src 'self' data: chrome-extension-resource:;
font-src 'self' data: chrome-extension-resource:;
media-src * data: blob: filesystem:;

这意味着您无法从外部源加载CSS文件，并且该CSS文件无法从外部源加载图标。

没有办法放宽这项政策。在某些情况下，您可以explicitly downloading resources处理它并将其作为blob:网址提供，但这对FA来说真的不合理。

您需要download a local version of FA而不是使用CDN提供的。

字体真棒图标无法在Chrome App

1 个答案: