1. 先在iconfont官网上去下载你所需要的图标,下载下来,如下
2. 在css中去定义,因为我的项目不用兼容ie,所以引用ttf后缀的文件即可
@font-face {
font-family: 'font-slider';
src: url('../fonts/iconfontSlider.ttf')
}
3. 下载下来的文件中有一个html的文件,直接在浏览器打开。
4. &#
开头用以标明这是字符实体,x
表示这是十六进制
5. li:after { content: '\f0001'; font-family: 'font-slider';}这样就可以在页面上显示了