글꼴 썸네일 아이콘이 Chrome 앱에서 작동하지 않습니다.

Question

저는 fa-chevron-right뿐만 아니라 아이콘 아이콘 - 달력을 사용하는 크롬 앱을 만들고 있습니다.

브라우저에서 내 앱을 미리 볼 때 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 :

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 파일 아이콘 자체를로드 할 수 없습니다 :

<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 다음이 적용됩니다 외부 출처에서.

이 정책을 완화 할 방법이 없습니다. 경우에 따라 explicitly downloading resources으로 해결할 수 있으며 blob: 개의 URL로 제공 할 수는 있지만 FA 용으로는 적절하지 않습니다.

CDN이 제공하는 것을 사용하는 대신 download a local version of FA이 필요합니다.