IconFont 图标

第一步：使用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的样式

.gmIcon{
    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，应用于页面,【gm-qq】=【gm-】前缀+【每个图标的第三行的class,即.qq】

<i class="gmIcon gm-qq"></i>