2014-12-11 129 views
1

我想包括鏈接樣式表使用谷歌字體的字體。我已經嘗試過Web Font Loader和實際的鏈接樣式表,但是我一直在收到CSP錯誤。谷歌Chrome應用程序使用谷歌字體

Refused to load the stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' 
because it violates the following Content Security Policy directive: 
"style-src 'self' data: chrome-extension-resource: 'unsafe-inline'". 

這是我在我的manifest.json

"content_security_policy": "default-src 'self'; style-src 'unsafe-inline'; script-src 'self';", 

CSP現在,因爲,因爲它似乎得到左,當我想也許可以閱讀這個權利我沒有看到關於CSP的整個文檔有人可以啓發我如何工作,我需要讓我的樣式表工作。

另一種方法我試過:

load({ 
    method:"GET", 
    url:"http://fonts.googleapis.com/css?family=Open+Sans:400,300,600" 
},function(data){ 
    var style = document.createElement('style'); 
    var head = document.head; 
    style.innerHTML = data.responseText; 
    head.insertBefore(style, head.firstChild); 
}); 

回答

3

出於安全原因,即使負載將無法工作,所以我做了一些更多的研究,並在Chrome應用使用谷歌的字體使用導入方法,而不是的標準或JavaScript。

EX:

樣式

@import url(http://fonts.googleapis.com/css?family=Open+Sans); 
body { 
    font-family: 'Open Sans', sans-serif; 
} 

,一切工作A OK就這樣!