<%=htmlTemplate.templateTitle%>
-
<% _.each(glyphs, function(glyph) { %>
-
.<%= glyph.fileName %>
<% }); %>
第一步:使用font-face声明字体
@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'); }第二步:定义使用iconfont的样式
.<%= cssClass%>{ font-family:"<%= fontName %>" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}第三步:挑选相应图标并获取相应class,应用于页面,【<%= cssClass%>-xxxx】=【<%= cssClass%>-】前缀+【每个图标对应的class】
<i class="<%= cssClass%> gm-xxxx"></i>
此页面模板来自 www.iconfont.cn,侵权则删