刚刚在几个网站上注意到,谷歌Chrome中显示的字体很棒.控制台显示以下错误:
来自" http://cdn.keywest.life "的字体已被跨源资源共享策略阻止加载:请求的资源上没有"Access-Control-Allow-Origin"标头.因此,不允许来源" http://www.keywest.life "访问.
我在其他几个网站上发现了完全相同的问题.通过使用以下代码替换自己的CDN引用,可以轻松解决此问题:
//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css
- 但是,这不是解决方案,只是一种解决方法.我很想知道原因和正确的解决方案.
(原因是:网站正在使用它自己的CDN,由MaxCDN提供,并且引用了字体非常棒的字体,如果你从上面提到的Bootstrapcdn资源加载相同的资源,这些字体不会被Chrome加载 - 它作品)
这是一个问题的例子(在菜单和页脚中的社交图标:http://www.keywestnight.com/fantasy-fest)
感谢您的帮助/解释!
google-chrome cdn access-control cross-domain-policy font-awesome
我正在运行的OSS应用程序上使用FontAwesome字体,我似乎无法通过Firefox的字体清理器.
这些文件都在同一个域中提供,路径是正确的,我正在使用FontAwesome的官方CSS,当通过他们的网站和本地文档提供服务时,它可以在Firefox中运行.
所以我一定要错过一些简单的东西.
实时网址:https://bmark.us
[11:39:02.945] downloadable font: invalid version tag (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css
[11:39:02.945] downloadable font: rejected by sanitizer (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:0)
source: http://127.0.0.1:6543/static/font/fontawesome-webfont.eot @ http://127.0.0.1:6543/static/css/responsive.css
Run Code Online (Sandbox Code Playgroud)
当我尝试通过dev更正此错误时,是Firefox的错误示例.我试图做完全根路径/静态/字体和相对于CSS ../font/,它总是失败,我的这些错误.
一切都适用于Chrome等.似乎Firefox只恨我.我搜索了其他答案,我得到了整个系列的字体.
https://github.com/mitechie/Bookie/tree/develop/bookie/static/font
谢谢你的任何提示.