Как правильно подключить FontAwesome в проект на Symfony2?

Question

[Василий]

Такое дело - в проекте решено было использовать fontawesome, файлы которого были успешно скопированы в

@AcmeDemoBundle/Resources/public/css/plugin
@AcmeDemoBundle/Resources/public/fonts

composer update успешно перенес их соответственно в
web/bundles/acmedemo/
но вот беда, не подхватываются они в проекте и всё тут, обращение к
../fonts/fontawesome-webfont.woff
выкидывает 404 ошибку
помогает только прописывать такую портянку в конфиге

assets:
#        fontawesome-webfont-woff:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/fontawesome-webfont.woff
#            output: fonts/fontawesome-webfont.woff
#        
#        fontawesome-otf:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/FontAwesome.otf
#            output: fonts/FontAwesome.otf
#        fontawesome-webfont-eot:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/fontawesome-webfont.eot
#            output: fonts/fontawesome-webfont.eot
#        
#        fontawesome-webfont-svg:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/fontawesome-webfont.svg
#            output: fonts/fontawesome-webfont.svg
#            
#        fontawesome-webfont-ttf:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/fontawesome-webfont.ttf
#            output: fonts/fontawesome-webfont.ttf
#        
#        glyphicons-halflings-regular-eot:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/glyphicons-halflings-regular.eot
#            output: fonts/glyphicons-halflings-regular.eot
#            
#        glyphicons-halflings-regular-svg:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/glyphicons-halflings-regular.svg
#            output: fonts/glyphicons-halflings-regular.svg
#            
#        glyphicons-halflings-regular-ttf:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/glyphicons-halflings-regular.ttf
#            output: fonts/glyphicons-halflings-regular.ttf
#        
#        glyphicons-halflings-regular-woff:
#            inputs:
#                - @AcmeDemoBundle/Resources/public/fonts/glyphicons-halflings-regular.woff
#            output: fonts/glyphicons-halflings-regular.woff

в таком случае после console assetic:dump (в dev окружении соответственно) всё работает и это конечно хорошо, но для каждого шрифта так всё прописывать, кто сталкивался? Или у кого есть реальные проекты с внедрением fontawesome поделитесь опытом

Answer 1

[faost]

Если используете css, то можно использовать cssrewrite фильтр. Но в этом случае вам нельзя будет использовать синтаксис @AcmeFooBundle, там ниже про это написано.

В своих проектах я использую LESS, в этом случае все становится в разы проще: вам нужно будет просто переопределить переменную, в которой хранится путь к шрифтам.

Пример:

src/Acme/DemoBundle/Resourcel/public/app.less (основной less-файл проекта):

@import 'lib/fontawesome/less/font-awesome.less'; // подключаем fontawesome
@fa-font-path: "/bundles/acmedemo/fonts"; // переопределяем путь к шрифтам

Comments

[Василий]

Над less думал, но макетом занимается другой человек.
Про cssrewrite забыл написать, в таком случае лезет в src/Acme/DemoBundle/Resources/...., не вариант. В принципе так пока работает.