我正在使用带有Webpack的React Semantic UI，而我正在部署的上下文不允许自嵌入字体（数据：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组件的最快/最干净的工具集是什么？
答案 0 :(得分：0)
我不知道解决您问题的工具，但我有一个存在相同问题的应用程序。我只是从字体来源获取font-face指令并下载了字体woof2档案，然后我指出了语义UI从本地字体文件夹中获取字体，然后授权从那里在服务器中执行它：
font-src 'self' data:
这样，我可以从两个词中获得最大的收益。
data：application / x-font-ttf使字体快速加载，您的应用程序将获得速度并保持安全性，但是您必须确保从安全来源加载该字体。