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

问题描述 投票:0回答:1

我正在使用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-woffdata:application/x-font-ttf组件的最快/最干净的工具集?

css webpack fonts semantic-ui
1个回答
0
投票

我不知道解决问题的工具,但我有一个应用程序遇到同样的问题。我只是从字体来源获得了font-face指令并下载了woof2档案字体,而不是指向semantic-ui从我的本地字体文件夹中获取字体,然后我授权从我的服务器执行它: font-src 'self' data: 这样我可以从两个单词中获得最好的结果。 data:application / x-font-ttf使字体加载速度快,您的应用程序将获得速度并保持安全性,但您必须确保从安全源加载。

© www.soinside.com 2019 - 2024. All rights reserved.