我们正在使用带有Bootstrap的FontAwesome。但是,当我们尝试使用FA与我们的自定义minifier,它尝试从一个相对路径加载字体,返回一个404,由于设置了简化的URL结构的方式。
所以我们认为解决这个问题的最好方法是在我们的minify列表中添加一个额外的CSS文件,它将覆盖FontAwesome的字体使用的@ font-face src URL。我们基本上只是从FontAwesome复制了@ font-face定义,并指定了绝对的URL位置。
然而,现在发生的是我们正确的URL加载字体,并尝试从FontAwesome CSS中原始指定的URL(导致与之前相同的404错误)。
我们做错了什么,还是真的没有办法覆盖@ font-face src网址,以便完全忽略“上游”定义?
解决方法
简单地覆盖基础CSS类的font-family:
.fa { font-family: 'FontAwesome2' !important; }
然后,粘贴/包含并编辑字体定义:
@font-face { font-family: 'FontAwesome2'; src: url('//host.domain/yourpath/fontawesome-webfont.eot?v=3.1.0'); ... font-style: normal; }