我正在尝试包含链接样式表以使用来自 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
"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);
});
最佳答案
出于安全原因,即使加载也无法正常工作,所以我做了更多研究,并在 Chrome 应用程序中使用 Google 字体,使用导入方法而不是标准或 javascript。
例如:
样式表
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
font-family: 'Open Sans', sans-serif;
}
就这样一切正常!
关于css - 使用谷歌字体的谷歌浏览器应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27416281/