使用步骤:
- 从Iconfont+:选择字体;字库
- 下载: 字体项目的zip(自定义)
- 解压zip,
- 添加到项目特定文件夹下
- 项目中引用
从Iconfont+:选择字体:
图像字库网站注册登录
搜索需要的图标
加入购物车
在购物车中,可以添加到自己的项目中
下载: 字体项目的zip(自定义):
也可从购物车下载
解压zip,解压下载的代码:
添加到项目特定文件夹下-把解压后的代码添加到项目特定文件夹下:
项目中引用
demo_index.html有使用图标的示例代码
项目中如何引用,有三种方式:我们用的事font class方式。
我们是在index.scss中引入:
例子代码是
<link rel="stylesheet" href="./iconfont.css">
不过,我们是vue项目,得用import导入
主入口文件中,我们引入这个index,scss,所以所有页面都可以使用
使用:这个看看例子照搬吧