mCzolko/FA2Symfony2.md

## FA2Symfony2.md

      
    Raw
  

              FA2Symfony2.md
            
          
    Integration

It's easy to integrate Font Awesome into Symfony2 (Twitter Bootstrap, or even use it on its own).
Composer

Add those lines to composer.json
{
  "repositories": [
    {
      "type": "package",
      "package": {
        "name": "fontawesome/fontawesome",
        "version": "3.0.2",
        "dist": {
          "url": "https://github.com/FortAwesome/Font-Awesome/archive/v3.0.2.zip",
          "type": "zip"
        }
      }
    }
  ],
  "require": {
    "fontawesome/fontawesome": "3.0.2"
  }
}
Then php composer.phar update for install assets.
Fonts

Create symlink to font files located at vendor folder like this:
cd web
ln -s ../vendor/fontawesome/fontawesome/font/ font

Assest

And those lines to config.yml
assetic:
  filters:
    less:
      node:       /usr/local/bin/node
      node_paths: [%kernel.root_dir%/../node_modules]
      apply_to:   "\.less$"
    cssrewrite: ~
  assets:
    fontawesome_css:
      inputs:
        - %kernel.root_dir%/../vendor/fontawesome/fontawesome/less/font-awesome.less
      filters:
        - less
        - cssrewrite
      output: css/fontawesome.css
    fontawesome_IE7_css:
      inputs:
        - %kernel.root_dir%/../vendor/fontawesome/fontawesome/less/font-awesome-ie7.less
      filters:
        - less
        - cssrewrite
      output: css/fontawesome_IE7.css

Basic template layout

Append stylesheets at bottom of your <head> tag.
<head>
  ...
  <link rel="stylesheet" href="{{ asset('css/fontawesome.css') }}">
  <!--[if IE 7]>
  <link rel="stylesheet" href="{{ asset('css/fontawesome_IE7.css') }}">
  <![endif]-->
</head>