_template.scss

@charset "utf-8";

@font-face {
  font-family: "<%= fontName %>";
  src: url('<%= fontPath %><%= fontName %>.eot');
  src: url('<%= fontPath %><%= fontName %>.eot?#iefix') format('eot'),
    url('<%= fontPath %><%= fontName %>.woff') format('woff'),
    url('<%= fontPath %><%= fontName %>.ttf') format('truetype'),
    url('<%= fontPath %><%= fontName %>.svg#<%= fontName %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

<% _.each(glyphs, function(glyph) { %>$<%= fontName %>-<%= glyph.name %>: '<%= glyph.name %>' "\<%= glyph.codepoint.toString(16).toUpperCase() %>";
<% }); %>

$<%= fontName %>: <% _.each(glyphs, function(glyph) { %>$<%= fontName %>-<%= glyph.name %> <% }); %>;

@mixin <%= fontName %>($name) {
    &:<%= pseudo %> {
        @each $icon in $<%= fontName %> {
            $n: index($icon, $name);
            @if $n != null {
                @include  <%= fontName %>-content($icon);
            }
        }
        font-family: "<%= fontName %>";
        
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        @content;
    }
}

@mixin <%= fontName %>-content($icon) {
    content: nth($icon, 2);
}