Symfony2 - Assetic - css police d'icônes

Comment inclure de police css, les bibliothèques d'icônes istalled par compositeur /vendor dir (fontawesome par exemple). Inclure:

{% stylesheets filter='cssrewrite' 
  '%kernel.root_dir%/../vendor/fortawesome/font-awesome/css/font-awesome.min.css'  %}
  <link href="{{ asset_url }}" type="text/css" rel="stylesheet"/>
{% endstylesheets %}

Mais il n'est pas de réécrire des fichiers de polices de caractères de l'url, il reste le même, et les icônes ne se charge pas:

src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');

Je sais, on ne peut pas faire les url poined à l'extérieur de la racine de votre site, mais peut-être assetic pouvez mettre ce dépendances /web automatiquement?

La seule façon que je vois pour l'instant est de copier ce actifs /web dir avec post-installation composet script, mais j'aimerais trouver une meilleure façon.

Merci!

InformationsquelleAutor Alex.Sh | 2014-05-03
  1. 17

    Demandé sur le #symfony canal et la seule réponse que j'ai eu à utiliser assetic avec la police awesone a été de les inclure dans le fichier de configuration.yml sous assetic. Le code d'origine est la suivante:

    assetic:
  java: /usr/bin/java
  use_controller: false
  bundles: [ CorvusFrontendBundle, CorvusAdminBundle ]
  assets:
    font-awesome-otf:
      inputs: '%kernel.root_dir%/Resources/public/fonts/FontAwesome.otf'
      output: 'fonts/FontAwesome.otf'
    font-awesome-eot:
      inputs: '%kernel.root_dir%/Resources/public/fonts/fontawesome-webfont.eot'
      output: 'fonts/fontawesome-webfont.eot'
    font-awesome-svg:
      inputs: '%kernel.root_dir%/Resources/public/fonts/fontawesome-webfont.svg'
      output: 'fonts/fontawesome-webfont.svg'
    font-awesome-ttf:
      inputs: '%kernel.root_dir%/Resources/public/fonts/fontawesome-webfont.ttf'
      output: 'fonts/fontawesome-webfont.ttf'
    font-awesome-woff:
      inputs: '%kernel.root_dir%/Resources/public/fonts/fontawesome-webfont.woff'
      output: 'fonts/fontawesome-webfont.woff'
  filters:
    cssrewrite: ~
    yui_js:
      jar: %kernel.root_dir%/Resources/java/yuicompressor-2.4.8.jar
    lessphp:
       file: "%kernel.root_dir%/../vendor/oyejorge/less.php/lessc.inc.php"
       apply_to: "\.less$"

    Alors appel au fichier css comme suit:

    {# Common Stylesheets #}
{% stylesheets filter="?cssrewrite"
  '%kernel.root_dir%/Resources/public/css/font-awesome.min.css'
  '@CorvusCoreBundle/Resources/public/css/common.less'
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

    Et enfin dumping les fichiers. Toutefois, et dans mon expérience, j'obtiens les fichiers en double pour les polices elles-mêmes. Je suis probablement faire quelque chose de stupide.

    HTH,

    Tam

    de crédit: https://gist.github.com/ilikeprograms/a8db0ad7824b06c48b44

    Mise à jour juin 2015: La réponse a été publiée pour la version 2.1/2.3 de Symfony2. Cette réponse peut s'appliquer ou non à la version la plus récente: vous aurez pour vérifier

    • Sont vos doublons comme ceci: xxxxxx_font.eof , xxxxxxx.eof. Si c'est le cas c'est parce que vous ne l'utilisez pas --env=prod.
    • Il a été un certain temps, et je n'ai pas utilisé ce depuis la réponse que j'ai fournie. Mais je pense qu'il a été. Merci pour le commentaire. 🙂
    • Je suis à l'aide de Symfony 2.7 et il met des polices d'assetic/fonts_glyphicons_halflings_regular_woff2.woff2 au lieu de polices/glyphicons-les hobbits réguliers.woff2 fonts_glyphicons_halflings_regular_woff2: inputs: %kernel.root_dir%/../vendor/almasaeed2010/adminlte/bootstrap/fonts/glyphicons-halflings-regular.woff2 outputs: fonts/glyphicons-halflings-regular.woff2
    InformationsquelleAutor thoroc
  2. 6

    Grande réponse ci-dessus, mais pour les occasions où votre police ne sont pas stockées dans le répertoire app ci-dessus ne fonctionne pas. Mes fichiers CSS sont gardés dans mon bundle, pour s'assurer qu'elles sont trouvé j'avais besoin de configurer mon app/config/config.yml comme;

    assetic:
    debug:          "%kernel.debug%"
    use_controller: false
    bundles:
      - AjtrichardsAdminBundle
      - AjtrichardsMainBundle
    assets:
      font-awesome-ttf:
        inputs: '@AjtrichardsMainBundle/Resources/public/fonts/icons.ttf'
        output: 'fonts/icons.ttf'
      font-awesome-woff:
        inputs: '@AjtrichardsMainBundle/Resources/public/fonts/icons.woff'
        output: 'fonts/icons.woff'
    InformationsquelleAutor ajtrichards