使用 bootstrap、bower 和 symfomy 2 在 css 中找不到相对路径的字体答案

【问题标题】：Fonts not found with relative routes in css with bootstrap, bower and symfomy 2使用 bootstrap、bower 和 symfomy 2 在 css 中找不到相对路径的字体
【发布时间】：2016-05-30 15:50:40
【问题描述】：

我正在与 Bower 一起参与 Symfony 2 项目，以管理我网站的所有前端包。我的 Web 应用程序使用资产和 UglifyCSS/JS 来缩小和压缩所有资产。

我创建了一个 .bowerrc 文件来指定存储包的目录（在 AssetsBundle 中），并通过 assets:install 和 assetic:dump 使用 Assetic 和 UglifyCSS/JS 使用它。

{
  "directory": "src/efor/CoreBundle/Resources/public/bower_plugins"
}

这一切都很好，压缩资产没有问题。

我的问题是与 Bower 一起安装的 Bootstrap 包，bootstrap.css 文件需要位于上一层的字体文件夹，它们包含在其中，如下所示：

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  ...
}

当我使用 UglifyXX 缩小所有文件并重新加载网站时，我在 Chrome 控制台中发现了这个错误：

GET -> http://www.mywebsite.local/fonts/glyphicons-halflings-regular.woff2(404 Not Found)
...

那个文件（字体）的真实位置应该是http://www.mywebsite.local/bundles/core/bower_plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2

然后，我必须将内部css文件的位置指定到另一个外部资源，因为相对路由不起作用，但我不知道如何，因为如果我修改已安装包的css文件中的路由，当我将此更新到更高版本时，我会错过所有更改，这是一种不好的做法。

关于如何做到这一点的任何建议？

提前非常感谢您！

大家好～

【问题讨论】：

标签： symfony routes bower assets

【解决方案1】：

也许如果你把它添加到你的配置中 cf documentation ：

# app/config/config.yml
assetic:
    debug:          '%kernel.debug%'
    use_controller: '%kernel.debug%'
    filters:
        cssrewrite: ~

【讨论】：

我已经为资产尝试了该配置，但它不起作用，并且它显示了关于生成资产名称的错误。