加載字體時內容安全策略錯誤

我有一個名爲「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

加載字體時內容安全策略錯誤

回答

相關問題