阿里巴巴图标库的使用方式

1、登录(https://www.iconfont.cn/home/index)

image

2、加入购物车

image

3、添加至项目

image
image

4、下载到本地

image

5、解压压缩包,将文件复制到项目中

image
image

6、在项目中引入iconfont.css文件

image

7、在项目中使用字体图标:创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名:

image
image
image

调节字体图标的大小是通过元素的font-size属性来控制的,颜色是通过元素的color属性来控制

你可能感兴趣的:(阿里巴巴图标库的使用方式)