css - 删除数据 :application/x-font-ttf and data:application/font-woff from Semantic-UI CSS?

Question

我正在将 React Semantic UI 与 Webpack 结合使用，并且我要部署到的上下文不允许自嵌入字体 (data:application/x-font-ttf)，但它允许相对路径字体，这导致在错误中:

拒绝加载字体 'data:application/x-font-ttf;charset=utf-8;base64[...]
因为它违反了以下内容安全策略指令:“font-src https://locationofmyapp.com https://fonts.googleapis.com https://fonts.gstatic.com”。


什么是最快/最干净的工具集，可以用来从样式表？

Answer 1

如果其他人遇到此问题，则问题是 Semantic-UI 中存在拼写错误。

一些文件包含双分号 ;;

解决问题:

1. 删除所有包含双分号的文件 ;;

   • \node_modules\semantic-ui-css\components\step.min.css

   • \node_modules\semantic-ui-css\components\step.css

   • \node_modules\semantic-ui-css\semantic.min.css

   • \node_modules\semantic-ui-css\semantic.css

2. 删除 node_modules 缓存文件夹:

   • \node_modules\.cache\default-development

   • \node_modules\.cache\babel-loader

3. 重启开发服务器(yarn start 或 npm start)