阿里矢量图简单css 用法

一、阿里矢量图的网址：http://iconfont.cn/，截止到发稿共有1,094,241个图标。

二、使用：

输入自己想找的图标，搜索，例如我搜索home，出现了许多图标 ,将选好你要用的所有图标加入购物车,()

如图：

 在购物车里是你选好的所有图标:

 点击下载代码

 在你的页面中引入压缩包里的这个css文件

并用浏览器打开压缩包里的这个html文件

然后选择页面中的font-class选项如图:

 下面是对应的图面名字

使用方法 如下:

第一步：引入项目下面生成的 fontclass 代码：

<link rel="stylesheet" href="./iconfont.css">

第二步：挑选相应图标并获取类名，应用于页面：

<span class="iconfont icon-xxx"></span>

" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

阿里矢量图简单css 用法

原文：https://www.cnblogs.com/0826sw/p/11934070.html