逐浪矢量全真图标 font family series mainly provide 常规 and other font styles.
一、获得zico程序包
zico是免费开源的，我们提供了多种便利的安装使用方法
1.下载离线程序包
通过字客网下载zico字体。
2.通过Npm安装
全球流行的Npm安装方式自然是非常简单了，其命令是：
npm i zico
3.通过Github安装
Github源码仓库：https://github.com/zoomla/zico
4.CDN引用
如果你不想下载和安装，也可以直接CDN引用，只要在网页和应用中中置入zico的CDN源地址即可，其URL请求源为：
http://code.z01.com/zico.min.css
这个网址同时支持SSL，你也可以采用
https://code.z01.com/zico.min.css
以及自便应模式
//code.z01.com/zico.min.css
二、引用文件
由于zio可以在多种场合（如网页开发、app、小程序、客户端、传统设计）中引用，所以不同的软件引用方法各不相同，这里仅以在网页上引用为例，其引用规范为：
<link rel="stylesheet" href="css/zico.min.css" >
注意上面文件的路径真实可在，其完整源码结构应该如下图所示：
—css/
—fonts/
三、引用图标
推荐的引用方法是：
<i class="zi zi_music"></i>
当然，你也可以使用其它任意你想要的用的标签，如：
<span class="zi zi_music"></span>
<div class="zi zi_music"></div>
<p class="zi zi_music"></p>
<a href="#" class="zi zi_music"></a>
上面的方法都是完全适用，而且同样可以输出结果的。
如果你是一个高级web开发者，熟悉Emmet语法，还可以直接用简写的方式，即
.zi.zi_music
形式展开，就能完成快速的应用zico图标。
逐浪矢量全真图标 font family series mainly provide 常规 and other font styles.
一、获得zico程序包
zico是免费开源的，我们提供了多种便利的安装使用方法
1.下载离线程序包
通过字客网下载zico字体。
2.通过Npm安装
全球流行的Npm安装方式自然是非常简单了，其命令是：
npm i zico
3.通过Github安装
Github源码仓库：https://github.com/zoomla/zico
4.CDN引用
如果你不想下载和安装，也可以直接CDN引用，只要在网页和应用中中置入zico的CDN源地址即可，其URL请求源为：
http://code.z01.com/zico.min.css
这个网址同时支持SSL，你也可以采用
https://code.z01.com/zico.min.css
以及自便应模式
//code.z01.com/zico.min.css
二、引用文件
由于zio可以在多种场合（如网页开发、app、小程序、客户端、传统设计）中引用，所以不同的软件引用方法各不相同，这里仅以在网页上引用为例，其引用规范为：
<link rel="stylesheet" href="css/zico.min.css" >
注意上面文件的路径真实可在，其完整源码结构应该如下图所示：
—css/
—fonts/
三、引用图标
推荐的引用方法是：
<i class="zi zi_music"></i>
当然，你也可以使用其它任意你想要的用的标签，如：
<span class="zi zi_music"></span>
<div class="zi zi_music"></div>
<p class="zi zi_music"></p>
<a href="#" class="zi zi_music"></a>
上面的方法都是完全适用，而且同样可以输出结果的。
如果你是一个高级web开发者，熟悉Emmet语法，还可以直接用简写的方式，即
.zi.zi_music
形式展开，就能完成快速的应用zico图标。