Question

我正在尝试使用Assetic及其各种过滤器来包含外部图标字体库（font-awesome）。问题是CSS文件引用了字体文件，并且不使用cssrewrite过滤器更新相关目录。因此，CSS正确加载，但是，当它尝试加载字体文件时，它会得到404响应。似乎cssrewrite过滤器没有调整字体文件路径。

{% stylesheets filter="?uglifycss cssrewrite"
        "bundles/mybundle/font-awesome/css/font-awesome.css"
%}
<link rel="stylesheet" href="{{ asset_url }}">
{% endstylesheets %}

我错过了什么？

Answer 1

我通过作曲家使用bmatzner fontAwsome bundle（https://github.com/bmatzner/BmatznerFontAwesomeBundle），只是包含我的scss或css，它似乎与字体和一切都很好。如果你没有添加cssrewriter，我认为它不起作用，那么它没有字体。希望这会有所帮助。

SCSS / SASS

{% stylesheets
        'bundles/bmatznerfontawesome/scss/font-awesome.scss'
        filter="compass" filter='uglifycss' filter='cssrewrite' output='en/css/font-awsome.css'
        %}
        <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
        {% endstylesheets %}

CSS

{% stylesheets
        'bundles/bmatznerfontawesome/css/font-awesome.css'
        filter='uglifycss' filter='cssrewrite' output='en/css/font-awsome.css'
        %}
        <link rel="stylesheet" type="text/css" href="{{ asset_url }}" />
        {% endstylesheets %}

CONFIG

assetic:
  debug:          %kernel.debug%
  use_controller: false
  ruby: /path/to/ruby
  filters:
    cssrewrite: ~
    compass:    ~

为sass添加罗盘和红宝石

在引用图标字体文件的CSS文件上使用Assetic

1 个答案: