css - 使用谷歌字体的谷歌浏览器应用程序

Question

我正在尝试包含链接样式表以使用来自 Google 字体的字体。我已经尝试了 Web 字体加载器和实际的链接样式表，但我一直收到 CSP 错误。

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

中的 CSP

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

现在，由于我还没有阅读关于 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);
 });

Answer 1

出于安全原因，即使加载也无法正常工作，所以我做了更多研究，并在 Chrome 应用程序中使用 Google 字体，使用导入方法而不是标准或 javascript。

例如:

样式表

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

就这样一切正常!