1.输入www.iconfont.cn 打开阿里图标库。
2.登录后搜索自己需要的图标。
3.将需要的图标加入自己创建的项目中,并下载解压。
4.将文件加入工程目录,并引入使用。
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {font-family:'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');}
第二步:定义使用iconfont的样式
.iconfont{ font-family:"iconfont"!important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing: grayscale;}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3
ps: 稳妥起见,可以在src:url 中添加 ' ./ ';