从Semantic-UI CSS中删除数据：application / x-font-ttf和data：application / font-woff？

Posted 2021-05-06

我正在使用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使字体加载速度快，您的应用程序将获得速度并保持安全性，但您必须确保从安全源加载。