ICONFONT 图标
-
.gm_red
第一步:使用font-face声明字体
@font-face {
font-family: "gm";
src: url('./gm.eot');
src: url('./gm.eot?#iefix') format('eot'),
url('./gm.woff') format('woff'),
url('./gm.ttf') format('truetype'),
url('./gm.svg#gm') format('svg');
}
第二步:定义使用iconfont的样式
.gmIcon{
font-family:"gm" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
第三步:挑选相应图标并获取相应class,应用于页面,【gmIcon-xxxx】=【gmIcon-】前缀+【每个图标对应的class】
<i class="gmIcon gm-xxxx"></i>
此页面模板来自 www.iconfont.cn,侵权则删