@font-face {
  font-family: "<%= fontName %>";
  src: url('<%= fontPath %><%= fontFileName %>.eot');
  src: url('<%= fontPath %><%= fontFileName %>.eot?#iefix') format('eot'),
  url('<%= fontPath %><%= fontFileName %>.woff2') format('woff2'),
  url('<%= fontPath %><%= fontFileName %>.woff') format('woff'),
  url('<%= fontPath %><%= fontFileName %>.ttf') format('truetype'),
  url('<%= fontPath %><%= fontFileName %>.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.<%= className %> {
    display: inline-block;
    vertical-align: top;
    font-family: "<%= fontName %>";
/*font: normal normal normal 24px/1 "<%= fontName %>";*/
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.<%= className %>:before {
 font-family: "<%= fontName %>";
}

.<%= className %>-lg {
   font-size: 1.3333333333333333em;
   line-height: 0.75em;
   vertical-align: -15%;
 }
.<%= className %>-2x { font-size: 2em; }
.<%= className %>-3x { font-size: 3em; }
.<%= className %>-4x { font-size: 4em; }
.<%= className %>-5x { font-size: 5em; }
.<%= className %>-fw {
 width: 1.2857142857142858em;
 text-align: center;
}

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