加载字体时内容安全策略错误

我有一个名为“fonts”的本地文件夹，其中包含otf字体。我使用@ font-face规则定义字体系列。加载字体时内容安全策略错误

的问题是，我没有得到的字体加载的，因为这个错误在Chrome控制台显示：

拒绝加载字体“数据：字体/ OpenType字体; BASE64，T1RUTwAMAIAAAwBAQ0ZGINEulzEAAA94AACBwUdQT1MGggFzAACRPAAAKuxHU1VCV7A5EAAAvCgAAApeT1MvMlhzMAgAAAEwAAAAYGNtYXB8/3N7AAAJFAAABkJoZWFkAfQ0RwAAAMwAAAA2aGhlYQeiBSYAAAEEAAAAJGhtdHhDg3HpAADGiAAACHhrZXJug42ekAAAzwAAAG6IbWF4cAIeUAAAAAEoAAAABm5hbWUW0pxRAAABkAAAB4Jwb3N0/7gAMgAAD1gAAAAgAAEAAAABAIMQhDPpXw889QADA + gAAAAAz37b1wAAAADPfxQX/5T + zgRLBCgAAAADAAIAAAAAAAAAAQAAA8D/EAAABGr/LP + NBEsAAQAAAAAAAAAAAAAAAAAAAh4AAFAAAh4AAAADAnwBdwAFAAQCigJYAAAASwKKAlgAAAFeADIBRAAAAAAAAAAAAAAAAKAAAv9AAABbAAAAAAAAAABIJ ... CAIV/qATcAI // kATcAKQAHATcALv/kATcAMP/qATcAMv/tATcANf/QAT cANv/qATcAOP/xATcAOv/1ATcAPv/1ATcAQP/1ATcAQv/1ATcASP/1ATcATP/1ATcAUv/pATcAU // // kATcAW kATcAYf/kATcAY // // kATcAZ // kATcAm pATcAnP/kATcAn // pATcAoP/kATcAof/pATcAov/kATcAo // pATcApP/kATcAqf/pATcAqv/kATcArf/pATcArv/kATcAt // 1ATcAuP/tATcA6f/xATcA7f/xATcA + v/pATcA + // // kATcBB + VAUIAAf + jAUIACv/AUIAHP/uAUIAOv + jAUIAPv + jAUIAQP + jAUIAQv + jAUIASP + jAUIATP + jAUIA9v + lAUgBAv/zAUgBB // bAUgBCv/zAUgBDf/3AUoBAv/zAUoBB // bAUoBCv/pAUoBDP/3AUoBDf/3AUwBAwASAUwBB // JAUwBCv/pAVcBB // JAVgBB // J'，因为它违反了以下内容安全策略指令：“font-src-https // fonts .gstatic.com https // fonts.googleapis.com“。

这也发生在Firefox/Safari中。

我说这对我的index.html，刚下“称号”的标签，但不工作之一：

谁能给我一个提示吗？

来源

2017-08-16 user2634368

我掩盖了元标记的网址，以便能够张贴此问题。 – user2634368

– user2634368

index.html文件正在使用Content-Security-Policy响应头，还是元元素是设置CSP策略的唯一内容？ – sideshowbarker

更新如下meta标签来解决：

<meta http-equiv="Content-Security-Policy" content="font-src data: https://fonts.gstatic.com https://fonts.googleapis.com">

这将通过数据方案允许加载字体资源。

有关内容安全策略查看更多资讯：https://content-security-policy.com/

来源

2017-08-16 18:51:32

Hi @ seb-cooper，非常感谢您的回复。然而，它还没有正常工作:-( – user2634368

@ user2634368你现在得到什么错误信息后，你对meta元素进行了更改？如果meta元素是设置CSP的唯一的东西，meta元素中的策略应该工作但如果文档使用不允许数据的Content-Security-Policy响应头来提供，它将不起作用：作为font-src的来源 – sideshowbarker

谢谢Seb Cooper。这最终也帮助解决了这个问题。问题。 – user2634368

加载字体时内容安全策略错误

回答

相关问题