Wrong css template
https://github.com/ecomfe/fontmin/blob/master/lib/font-face.tpl#L15
there should be `befor` not `after`
generated glyph is wrong and not working

```
$icon-font ./src/svg/*.svg ./src/css/fonts --font-family=demo --glyph=true --font-path=fonts/
```

result

```
@font-face {
    font-family: "fontname";
    src: url("./fonts/demo.eot"); /* IE9 */
    src: url("./fonts/demo.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/demo.woff") format("woff"), /* chrome, firefox */
    url("./fonts/demo.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("./fonts/demo.svg#demo") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}


[class^="icon-"],
[class*=" icon-"]:after {
    font-family: "demo";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-administration:before {
    content: "\e001";
}

```

So if I trying to use icon like so

```
<i class="super duper icon-administration"></i>
```

it will not be displayed. Here is some demo:
http://jsbin.com/runubezegi/edit?html,css,output
try to change :after to :before it will work as it should.
Any way please improve your css template
