@font-face { font-family: "<%= font_name %>"; src: url("fonts/<%= font_name %>.eot"); src: url("fonts/<%= font_name %>.eot?#iefix") format("embedded-opentype"), url("fonts/<%= font_name %>.woff") format("woff"), url("fonts/<%= font_name %>.ttf") format("truetype"), url("fonts/<%= font_name %>.svg#<%= font_name %>") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { content: attr(data-icon); } [data-icon]:before, <%= glyph_selectors %> { display: inline-block; font-family: "<%= font_name %>"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } <%= glyphs %>