当我嵌入在 css 中编码的 base64 字体(woff 和 otf 都不起作用)时,firefox 会抱怨 CSP。
downloadable font: font load failed (font-family: "Test" style:normal weight:400 stretch:100 src index:0): content blocked source: data:font/woff;charset=utf-8;base64,d09GRgABAAA...
Content-Security-Policy: The page’s settings blocked the loading of a resource at data:font/woff;charset=utf-8;base64,d09G… (“font-src”).
但据我所知,已经确定了:
<meta http-equiv="Content-Security-Policy" content="font-src data:;" />
Chromium 也同意,此问题仅出现在 Firefox 中。
css base64 部分(通过 style 标签嵌入到 html 中):
@font-face {
font-family: Testfont;
src: url(data:font/woff;charset=utf-8;base64,d09GRgABAA...);
font-style: regular;
}
我已经尝试将相同的信息添加到 http 标头,或者还设置 default-src 属性。都不起作用。
我希望字体能够正确加载。
问题自行解决,我不知道为什么...... 几个小时后,它就有点起作用了吗?我没有更改任何有关 CSP 或加载字体的方式的内容。 也许 Firefox 有一些缓存问题?也许没有。