//
// Icon Font: <%= @opts.font_name %>
//

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

<%= @glyphs.map {|name| ".#{@opts.css_prefix + name}:before"}.join(",\n") %> {
  font-family: "<%= @opts.font_name %>";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}
<% @glyphs.each_with_index do |name, index| %>
.<%= @opts.css_prefix + name %>:before { content: "\<%= (61696+index).to_s(16) %>"; }<% end %>