去哪儿旅行笔记(一)---iconfont的使用

在 阿里巴巴矢量图 创建项目 找到所需素材 加入购物车 点击购物车 添加到项目 在项目中下载到本地

1.在 src => styles => iconfont 下添加下载的iconfont压缩包中的 inconfont.eot inconfont.svg inconfont.ttf inconfont.woff

2.在 src => styles 下添加下载的iconfont压缩包中的 inconfont.css

3.将 inconfont.css 文件里面的 url 修改正确 地址就是 1 中的四个文件的路径

4.在 main 中 import inconfont.css的路径

5.在 html 文件中建立标签名为 iconfont 的div或者别的 中间写上在 阿里巴巴矢量图 项目 图片的编码