フォントの恐ろしいアイコンがChromeアプリケーションで動作しない

Question

私はアイコンのアイコンカレンダーとfaのfa-chevron-rightを使用するクロームアプリを作っています。

ブラウザで自分のアプリをプレビューしているとき、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

クロームアプリは、以下の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:というURLとして扱うこともできますが、FAでは合理的に機能しません。

CDNが提供するものの代わりにdownload a local version of FAが必要です。