我正在使用React语义UI和Webpack,我正在部署的上下文不允许自嵌入字体(数据:application / x-font-ttf),但它确实允许相对路径字体,这会导致错误:
Refused to load the font 'data:application/x-font-ttf;charset=utf-8;base64[...]
because it violates the following Content Security Policy directive: "font-src https://locationofmyapp.com https://fonts.googleapis.com https://fonts.gstatic.com".
什么是用于从样式表中完全删除data:application/font-woff
和data:application/x-font-ttf
组件的最快/最干净的工具集?
我不知道解决问题的工具,但我有一个应用程序遇到同样的问题。我只是从字体来源获得了font-face指令并下载了woof2档案字体,而不是指向semantic-ui从我的本地字体文件夹中获取字体,然后我授权从我的服务器执行它:
font-src 'self' data:
这样我可以从两个单词中获得最好的结果。 data:application / x-font-ttf使字体加载速度快,您的应用程序将获得速度并保持安全性,但您必须确保从安全源加载。