Zhiqim UI是一套集成Javascript库、Css库、Font库、常用ico图标等,并在其上开发的大量UI组件组成的前端开发套件。
font.htm126KB
<#def title = "字体图标"/>
<#def keyword = "ZhiqimUI"/>
<#def desc = "“字体图标”是矢量图片按字体规范设计的一种新的图标,知启蒙字体图标放在/service/res/font/zhiqim.woff文件中,当前开发和收集的图标分"/>
<#def prevUrl = "color.htm"/>
<#def nextUrl = "ico.htm"/>
${zhiqim_com_header()}
${zhiqim_com_topnav()}
<!--容器开始 -->
<div id="container" class="container">
<!--边导航-->
${zhiqim_com_ui("tutorial", "ui", "css", "font")}
<!--主体-->
<div id="mainbody" class="mainbody">
${zhiqim_com_breadcrumb("文库", "教程", "字体图标")}
<div class="content">
<#-- 标题 -->
<div class="z-relative-left z-w100p z-pd16 z-bg-blue z-px18 z-lh200p z-bold" style="border-left:5px solid #2293e4">
<p class="z-text-blue">什么是“字体图标”?</p>
<p class="z-color-333" style="text-indent:38px;">
“字体图标”是矢量图片按字体规范设计的一种新的图标,知启蒙字体图标放在/service/res/font/zhiqim.woff文件中,当前开发和收集的图标分
操作类、文档类、设备类、图表类、实体类五种,共五十九个图标。
字体图标不支持斜体,以便使用<i>标签来定义,如<i class="z-font z-config"></i>
</p>
</div>
<#-- 操作类 -->
<div class="tutorial title">一、操作类图标,编码范围(f000-f03f),共57=18+39个</div>
<table class="z-table z-bordered z-pd10 z-px14 left z-mg-t20 z-mg-b20">
<tr bgcolor="#f5f5f5">
<td width="26%">样式</td>
<td width="10%">编码</td>
<td width="*" colspan="10">图标</td>
</tr>
<tr>
<td class="z-samp">.z-font.z-config</td>
<td class="z-samp">&#xf000;</td>
<td width="7%"><i class="z-font z-config"></i> 字体</td>
<td width="6%" class="z-bg-black"><i class="z-font z-config z-text-white"></i></td>
<td width="6%"><i class="z-font z-config z-text-gray"></i></td>
<td width="9%"><i class="z-font z-config z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td width="8%"><i class="z-font z-config z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td width="6%"><i class="z-font z-config z-text-yellow"></i></td>
<td width="6%"><i class="z-font z-config z-text-green"></i></td>
<td width="6%"><i class="z-font z-config z-text-cyan"></i></td>
<td width="6%"><i class="z-font z-config z-text-blue"></i></td>
<td width="6%"><i class="z-font z-config z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-add</td>
<td class="z-samp">&#xf001;</td>
<td><i class="z-font z-add"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-add z-text-white"></i></td>
<td><i class="z-font z-add z-text-gray"></i></td>
<td><i class="z-font z-add z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-add z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-add z-text-yellow"></i></td>
<td><i class="z-font z-add z-text-green"></i></td>
<td><i class="z-font z-add z-text-cyan"></i></td>
<td><i class="z-font z-add z-text-blue"></i></td>
<td><i class="z-font z-add z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-modify</td>
<td class="z-samp">&#xf002;</td>
<td><i class="z-font z-modify"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-modify z-text-white"></i></td>
<td><i class="z-font z-modify z-text-gray"></i></td>
<td><i class="z-font z-modify z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-modify z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-modify z-text-yellow"></i></td>
<td><i class="z-font z-modify z-text-green"></i></td>
<td><i class="z-font z-modify z-text-cyan"></i></td>
<td><i class="z-font z-modify z-text-blue"></i></td>
<td><i class="z-font z-modify z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-delete</td>
<td class="z-samp">&#xf003;</td>
<td><i class="z-font z-delete"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-delete z-text-white"></i></td>
<td><i class="z-font z-delete z-text-gray"></i></td>
<td><i class="z-font z-delete z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-delete z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-delete z-text-yellow"></i></td>
<td><i class="z-font z-delete z-text-green"></i></td>
<td><i class="z-font z-delete z-text-cyan"></i></td>
<td><i class="z-font z-delete z-text-blue"></i></td>
<td><i class="z-font z-delete z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-query</td>
<td class="z-samp">&#xf004;</td>
<td><i class="z-font z-query"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-query z-text-white"></i></td>
<td><i class="z-font z-query z-text-gray"></i></td>
<td><i class="z-font z-query z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-query z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-query z-text-yellow"></i></td>
<td><i class="z-font z-query z-text-green"></i></td>
<td><i class="z-font z-query z-text-cyan"></i></td>
<td><i class="z-font z-query z-text-blue"></i></td>
<td><i class="z-font z-query z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-previous</td>
<td class="z-samp">&#xf005;</td>
<td><i class="z-font z-previous"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-previous z-text-white"></i></td>
<td><i class="z-font z-previous z-text-gray"></i></td>
<td><i class="z-font z-previous z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-previous z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-previous z-text-yellow"></i></td>
<td><i class="z-font z-previous z-text-green"></i></td>
<td><i class="z-font z-previous z-text-cyan"></i></td>
<td><i class="z-font z-previous z-text-blue"></i></td>
<td><i class="z-font z-previous z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-next</td>
<td class="z-samp">&#xf006;</td>
<td><i class="z-font z-next"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-next z-text-white"></i></td>
<td><i class="z-font z-next z-text-gray"></i></td>
<td><i class="z-font z-next z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-next z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-next z-text-yellow"></i></td>
<td><i class="z-font z-next z-text-green"></i></td>
<td><i class="z-font z-next z-text-cyan"></i></td>
<td><i class="z-font z-next z-text-blue"></i></td>
<td><i class="z-font z-next z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-open</td>
<td class="z-samp">&#xf007;</td>
<td><i class="z-font z-open"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-open z-text-white"></i></td>
<td><i class="z-font z-open z-text-gray"></i></td>
<td><i class="z-font z-open z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-open z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-open z-text-yellow"></i></td>
<td><i class="z-font z-open z-text-green"></i></td>
<td><i class="z-font z-open z-text-cyan"></i></td>
<td><i class="z-font z-open z-text-blue"></i></td>
<td><i class="z-font z-open z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-close</td>
<td class="z-samp">&#xf008;</td>
<td><i class="z-font z-close"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-close z-text-white"></i></td>
<td><i class="z-font z-close z-text-gray"></i></td>
<td><i class="z-font z-close z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-close z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-close z-text-yellow"></i></td>
<td><i class="z-font z-close z-text-green"></i></td>
<td><i class="z-font z-close z-text-cyan"></i></td>
<td><i class="z-font z-close z-text-blue"></i></td>
<td><i class="z-font z-close z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-upload</td>
<td class="z-samp">&#xf009;</td>
<td><i class="z-font z-upload"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-upload z-text-white"></i></td>
<td><i class="z-font z-upload z-text-gray"></i></td>
<td><i class="z-font z-upload z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-upload z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-upload z-text-yellow"></i></td>
<td><i class="z-font z-upload z-text-green"></i></td>
<td><i class="z-font z-upload z-text-cyan"></i></td>
<td><i class="z-font z-upload z-text-blue"></i></td>
<td><i class="z-font z-upload z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-save或.z-font.z-finish</td>
<td class="z-samp">&#xf00a;</td>
<td><i class="z-font z-save"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-save z-text-white"></i></td>
<td><i class="z-font z-save z-text-gray"></i></td>
<td><i class="z-font z-save z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-save z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-save z-text-yellow"></i></td>
<td><i class="z-font z-save z-text-green"></i></td>
<td><i class="z-font z-save z-text-cyan"></i></td>
<td><i class="z-font z-save z-text-blue"></i></td>
<td><i class="z-font z-save z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-return</td>
<td class="z-samp">&#xf00b;</td>
<td><i class="z-font z-return"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-return z-text-white"></i></td>
<td><i class="z-font z-return z-text-gray"></i></td>
<td><i class="z-font z-return z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-return z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-return z-text-yellow"></i></td>
<td><i class="z-font z-return z-text-green"></i></td>
<td><i class="z-font z-return z-text-cyan"></i></td>
<td><i class="z-font z-return z-text-blue"></i></td>
<td><i class="z-font z-return z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-refresh</td>
<td class="z-samp">&#xf00c;</td>
<td><i class="z-font z-refresh"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-refresh z-text-white"></i></td>
<td><i class="z-font z-refresh z-text-gray"></i></td>
<td><i class="z-font z-refresh z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-refresh z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-refresh z-text-yellow"></i></td>
<td><i class="z-font z-refresh z-text-green"></i></td>
<td><i class="z-font z-refresh z-text-cyan"></i></td>
<td><i class="z-font z-refresh z-text-blue"></i></td>
<td><i class="z-font z-refresh z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-success</td>
<td class="z-samp">&#xf00d;</td>
<td><i class="z-font z-success"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-success z-text-white"></i></td>
<td><i class="z-font z-success z-text-gray"></i></td>
<td><i class="z-font z-success z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-success z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-success z-text-yellow"></i></td>
<td><i class="z-font z-success z-text-green"></i></td>
<td><i class="z-font z-success z-text-cyan"></i></td>
<td><i class="z-font z-success z-text-blue"></i></td>
<td><i class="z-font z-success z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-error</td>
<td class="z-samp">&#xf00e;</td>
<td><i class="z-font z-error"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-error z-text-white"></i></td>
<td><i class="z-font z-error z-text-gray"></i></td>
<td><i class="z-font z-error z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-error z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-error z-text-yellow"></i></td>
<td><i class="z-font z-error z-text-green"></i></td>
<td><i class="z-font z-error z-text-cyan"></i></td>
<td><i class="z-font z-error z-text-blue"></i></td>
<td><i class="z-font z-error z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-setting</td>
<td class="z-samp">&#xf00f;</td>
<td><i class="z-font z-setting"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-setting z-text-white"></i></td>
<td><i class="z-font z-setting z-text-gray"></i></td>
<td><i class="z-font z-setting z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-setting z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-setting z-text-yellow"></i></td>
<td><i class="z-font z-setting z-text-green"></i></td>
<td><i class="z-font z-setting z-text-cyan"></i></td>
<td><i class="z-font z-setting z-text-blue"></i></td>
<td><i class="z-font z-setting z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-share</td>
<td class="z-samp">&#xf010;</td>
<td><i class="z-font z-share"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-share z-text-white"></i></td>
<td><i class="z-font z-share z-text-gray"></i></td>
<td><i class="z-font z-share z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-share z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-share z-text-yellow"></i></td>
<td><i class="z-font z-share z-text-green"></i></td>
<td><i class="z-font z-share z-text-cyan"></i></td>
<td><i class="z-font z-share z-text-blue"></i></td>
<td><i class="z-font z-share z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-download</td>
<td class="z-samp">&#xf011;</td>
<td><i class="z-font z-download"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-download z-text-white"></i></td>
<td><i class="z-font z-download z-text-gray"></i></td>
<td><i class="z-font z-download z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-download z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-download z-text-yellow"></i></td>
<td><i class="z-font z-download z-text-green"></i></td>
<td><i class="z-font z-download z-text-cyan"></i></td>
<td><i class="z-font z-download z-text-blue"></i></td>
<td><i class="z-font z-download z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-addfile</td>
<td class="z-samp">&#xf012;</td>
<td><i class="z-font z-f-addfile"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-addfile z-text-white"></i></td>
<td><i class="z-font z-f-addfile z-text-gray"></i></td>
<td><i class="z-font z-f-addfile z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-addfile z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-addfile z-text-yellow"></i></td>
<td><i class="z-font z-f-addfile z-text-green"></i></td>
<td><i class="z-font z-f-addfile z-text-cyan"></i></td>
<td><i class="z-font z-f-addfile z-text-blue"></i></td>
<td><i class="z-font z-f-addfile z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-address</td>
<td class="z-samp">&#xf013;</td>
<td><i class="z-font z-f-address"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-address z-text-white"></i></td>
<td><i class="z-font z-f-address z-text-gray"></i></td>
<td><i class="z-font z-f-address z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-address z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-address z-text-yellow"></i></td>
<td><i class="z-font z-f-address z-text-green"></i></td>
<td><i class="z-font z-f-address z-text-cyan"></i></td>
<td><i class="z-font z-f-address z-text-blue"></i></td>
<td><i class="z-font z-f-address z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-praise</td>
<td class="z-samp">&#xf014;</td>
<td><i class="z-font z-f-praise"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-praise z-text-white"></i></td>
<td><i class="z-font z-f-praise z-text-gray"></i></td>
<td><i class="z-font z-f-praise z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-praise z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-praise z-text-yellow"></i></td>
<td><i class="z-font z-f-praise z-text-green"></i></td>
<td><i class="z-font z-f-praise z-text-cyan"></i></td>
<td><i class="z-font z-f-praise z-text-blue"></i></td>
<td><i class="z-font z-f-praise z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-diss</td>
<td class="z-samp">&#xf015;</td>
<td><i class="z-font z-f-diss"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-diss z-text-white"></i></td>
<td><i class="z-font z-f-diss z-text-gray"></i></td>
<td><i class="z-font z-f-diss z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-diss z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-diss z-text-yellow"></i></td>
<td><i class="z-font z-f-diss z-text-green"></i></td>
<td><i class="z-font z-f-diss z-text-cyan"></i></td>
<td><i class="z-font z-f-diss z-text-blue"></i></td>
<td><i class="z-font z-f-diss z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-display</td>
<td class="z-samp">&#xf016;</td>
<td><i class="z-font z-f-display"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-display z-text-white"></i></td>
<td><i class="z-font z-f-display z-text-gray"></i></td>
<td><i class="z-font z-f-display z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-display z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-display z-text-yellow"></i></td>
<td><i class="z-font z-f-display z-text-green"></i></td>
<td><i class="z-font z-f-display z-text-cyan"></i></td>
<td><i class="z-font z-f-display z-text-blue"></i></td>
<td><i class="z-font z-f-display z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-nodisplay</td>
<td class="z-samp">&#xf017;</td>
<td><i class="z-font z-f-nodisplay"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-nodisplay z-text-white"></i></td>
<td><i class="z-font z-f-nodisplay z-text-gray"></i></td>
<td><i class="z-font z-f-nodisplay z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-nodisplay z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-nodisplay z-text-yellow"></i></td>
<td><i class="z-font z-f-nodisplay z-text-green"></i></td>
<td><i class="z-font z-f-nodisplay z-text-cyan"></i></td>
<td><i class="z-font z-f-nodisplay z-text-blue"></i></td>
<td><i class="z-font z-f-nodisplay z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-negative</td>
<td class="z-samp">&#xf018;</td>
<td><i class="z-font z-f-negative"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-negative z-text-white"></i></td>
<td><i class="z-font z-f-negative z-text-gray"></i></td>
<td><i class="z-font z-f-negative z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-negative z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-negative z-text-yellow"></i></td>
<td><i class="z-font z-f-negative z-text-green"></i></td>
<td><i class="z-font z-f-negative z-text-cyan"></i></td>
<td><i class="z-font z-f-negative z-text-blue"></i></td>
<td><i class="z-font z-f-negative z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-skin</td>
<td class="z-samp">&#xf019;</td>
<td><i class="z-font z-f-skin"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-skin z-text-white"></i></td>
<td><i class="z-font z-f-skin z-text-gray"></i></td>
<td><i class="z-font z-f-skin z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-skin z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-skin z-text-yellow"></i></td>
<td><i class="z-font z-f-skin z-text-green"></i></td>
<td><i class="z-font z-f-skin z-text-cyan"></i></td>
<td><i class="z-font z-f-skin z-text-blue"></i></td>
<td><i class="z-font z-f-skin z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-copy</td>
<td class="z-samp">&#xf01a;</td>
<td><i class="z-font z-f-copy"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-copy z-text-white"></i></td>
<td><i class="z-font z-f-copy z-text-gray"></i></td>
<td><i class="z-font z-f-copy z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-copy z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-copy z-text-yellow"></i></td>
<td><i class="z-font z-f-copy z-text-green"></i></td>
<td><i class="z-font z-f-copy z-text-cyan"></i></td>
<td><i class="z-font z-f-copy z-text-blue"></i></td>
<td><i class="z-font z-f-copy z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-tips</td>
<td class="z-samp">&#xf01b;</td>
<td><i class="z-font z-f-tips"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-tips z-text-white"></i></td>
<td><i class="z-font z-f-tips z-text-gray"></i></td>
<td><i class="z-font z-f-tips z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-tips z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-tips z-text-yellow"></i></td>
<td><i class="z-font z-f-tips z-text-green"></i></td>
<td><i class="z-font z-f-tips z-text-cyan"></i></td>
<td><i class="z-font z-f-tips z-text-blue"></i></td>
<td><i class="z-font z-f-tips z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-notice</td>
<td class="z-samp">&#xf01c;</td>
<td><i class="z-font z-f-notice"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-notice z-text-white"></i></td>
<td><i class="z-font z-f-notice z-text-gray"></i></td>
<td><i class="z-font z-f-notice z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-notice z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-notice z-text-yellow"></i></td>
<td><i class="z-font z-f-notice z-text-green"></i></td>
<td><i class="z-font z-f-notice z-text-cyan"></i></td>
<td><i class="z-font z-f-notice z-text-blue"></i></td>
<td><i class="z-font z-f-notice z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-signin</td>
<td class="z-samp">&#xf01d;</td>
<td><i class="z-font z-f-signin"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-signin z-text-white"></i></td>
<td><i class="z-font z-f-signin z-text-gray"></i></td>
<td><i class="z-font z-f-signin z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-signin z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-signin z-text-yellow"></i></td>
<td><i class="z-font z-f-signin z-text-green"></i></td>
<td><i class="z-font z-f-signin z-text-cyan"></i></td>
<td><i class="z-font z-f-signin z-text-blue"></i></td>
<td><i class="z-font z-f-signin z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-consult</td>
<td class="z-samp">&#xf01e;</td>
<td><i class="z-font z-f-consult"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-consult z-text-white"></i></td>
<td><i class="z-font z-f-consult z-text-gray"></i></td>
<td><i class="z-font z-f-consult z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-consult z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-consult z-text-yellow"></i></td>
<td><i class="z-font z-f-consult z-text-green"></i></td>
<td><i class="z-font z-f-consult z-text-cyan"></i></td>
<td><i class="z-font z-f-consult z-text-blue"></i></td>
<td><i class="z-font z-f-consult z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-message</td>
<td class="z-samp">&#xf01f;</td>
<td><i class="z-font z-f-message"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-message z-text-white"></i></td>
<td><i class="z-font z-f-message z-text-gray"></i></td>
<td><i class="z-font z-f-message z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-message z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-message z-text-yellow"></i></td>
<td><i class="z-font z-f-message z-text-green"></i></td>
<td><i class="z-font z-f-message z-text-cyan"></i></td>
<td><i class="z-font z-f-message z-text-blue"></i></td>
<td><i class="z-font z-f-message z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-community</td>
<td class="z-samp">&#xf020;</td>
<td><i class="z-font z-f-community"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-community z-text-white"></i></td>
<td><i class="z-font z-f-community z-text-gray"></i></td>
<td><i class="z-font z-f-community z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-community z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-community z-text-yellow"></i></td>
<td><i class="z-font z-f-community z-text-green"></i></td>
<td><i class="z-font z-f-community z-text-cyan"></i></td>
<td><i class="z-font z-f-community z-text-blue"></i></td>
<td><i class="z-font z-f-community z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-info</td>
<td class="z-samp">&#xf021;</td>
<td><i class="z-font z-f-info"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-info z-text-white"></i></td>
<td><i class="z-font z-f-info z-text-gray"></i></td>
<td><i class="z-font z-f-info z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-info z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-info z-text-yellow"></i></td>
<td><i class="z-font z-f-info z-text-green"></i></td>
<td><i class="z-font z-f-info z-text-cyan"></i></td>
<td><i class="z-font z-f-info z-text-blue"></i></td>
<td><i class="z-font z-f-info z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-wangwang</td>
<td class="z-samp">&#xf022;</td>
<td><i class="z-font z-f-wangwang"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-wangwang z-text-white"></i></td>
<td><i class="z-font z-f-wangwang z-text-gray"></i></td>
<td><i class="z-font z-f-wangwang z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-wangwang z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-wangwang z-text-yellow"></i></td>
<td><i class="z-font z-f-wangwang z-text-green"></i></td>
<td><i class="z-font z-f-wangwang z-text-cyan"></i></td>
<td><i class="z-font z-f-wangwang z-text-blue"></i></td>
<td><i class="z-font z-f-wangwang z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-space</td>
<td class="z-samp">&#xf023;</td>
<td><i class="z-font z-f-space"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-space z-text-white"></i></td>
<td><i class="z-font z-f-space z-text-gray"></i></td>
<td><i class="z-font z-f-space z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-space z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-space z-text-yellow"></i></td>
<td><i class="z-font z-f-space z-text-green"></i></td>
<td><i class="z-font z-f-space z-text-cyan"></i></td>
<td><i class="z-font z-f-space z-text-blue"></i></td>
<td><i class="z-font z-f-space z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-problem</td>
<td class="z-samp">&#xf024;</td>
<td><i class="z-font z-f-problem"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-problem z-text-white"></i></td>
<td><i class="z-font z-f-problem z-text-gray"></i></td>
<td><i class="z-font z-f-problem z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-problem z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-problem z-text-yellow"></i></td>
<td><i class="z-font z-f-problem z-text-green"></i></td>
<td><i class="z-font z-f-problem z-text-cyan"></i></td>
<td><i class="z-font z-f-problem z-text-blue"></i></td>
<td><i class="z-font z-f-problem z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-warning</td>
<td class="z-samp">&#xf025;</td>
<td><i class="z-font z-f-warning"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-warning z-text-white"></i></td>
<td><i class="z-font z-f-warning z-text-gray"></i></td>
<td><i class="z-font z-f-warning z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-warning z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-warning z-text-yellow"></i></td>
<td><i class="z-font z-f-warning z-text-green"></i></td>
<td><i class="z-font z-f-warning z-text-cyan"></i></td>
<td><i class="z-font z-f-warning z-text-blue"></i></td>
<td><i class="z-font z-f-warning z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-play</td>
<td class="z-samp">&#xf026;</td>
<td><i class="z-font z-f-play"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-play z-text-white"></i></td>
<td><i class="z-font z-f-play z-text-gray"></i></td>
<td><i class="z-font z-f-play z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-play z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-play z-text-yellow"></i></td>
<td><i class="z-font z-f-play z-text-green"></i></td>
<td><i class="z-font z-f-play z-text-cyan"></i></td>
<td><i class="z-font z-f-play z-text-blue"></i></td>
<td><i class="z-font z-f-play z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-hot</td>
<td class="z-samp">&#xf027;</td>
<td><i class="z-font z-f-hot"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-hot z-text-white"></i></td>
<td><i class="z-font z-f-hot z-text-gray"></i></td>
<td><i class="z-font z-f-hot z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-hot z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-hot z-text-yellow"></i></td>
<td><i class="z-font z-f-hot z-text-green"></i></td>
<td><i class="z-font z-f-hot z-text-cyan"></i></td>
<td><i class="z-font z-f-hot z-text-blue"></i></td>
<td><i class="z-font z-f-hot z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-safe</td>
<td class="z-samp">&#xf028;</td>
<td><i class="z-font z-f-safe"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-safe z-text-white"></i></td>
<td><i class="z-font z-f-safe z-text-gray"></i></td>
<td><i class="z-font z-f-safe z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-safe z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-safe z-text-yellow"></i></td>
<td><i class="z-font z-f-safe z-text-green"></i></td>
<td><i class="z-font z-f-safe z-text-cyan"></i></td>
<td><i class="z-font z-f-safe z-text-blue"></i></td>
<td><i class="z-font z-f-safe z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-task</td>
<td class="z-samp">&#xf029;</td>
<td><i class="z-font z-f-task"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-task z-text-white"></i></td>
<td><i class="z-font z-f-task z-text-gray"></i></td>
<td><i class="z-font z-f-task z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-task z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-task z-text-yellow"></i></td>
<td><i class="z-font z-f-task z-text-green"></i></td>
<td><i class="z-font z-f-task z-text-cyan"></i></td>
<td><i class="z-font z-f-task z-text-blue"></i></td>
<td><i class="z-font z-f-task z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-assignment</td>
<td class="z-samp">&#xf02a;</td>
<td><i class="z-font z-f-assignment"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-assignment z-text-white"></i></td>
<td><i class="z-font z-f-assignment z-text-gray"></i></td>
<td><i class="z-font z-f-assignment z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-assignment z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-assignment z-text-yellow"></i></td>
<td><i class="z-font z-f-assignment z-text-green"></i></td>
<td><i class="z-font z-f-assignment z-text-cyan"></i></td>
<td><i class="z-font z-f-assignment z-text-blue"></i></td>
<td><i class="z-font z-f-assignment z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-activity</td>
<td class="z-samp">&#xf02b;</td>
<td><i class="z-font z-f-activity"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-activity z-text-white"></i></td>
<td><i class="z-font z-f-activity z-text-gray"></i></td>
<td><i class="z-font z-f-activity z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-activity z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-activity z-text-yellow"></i></td>
<td><i class="z-font z-f-activity z-text-green"></i></td>
<td><i class="z-font z-f-activity z-text-cyan"></i></td>
<td><i class="z-font z-f-activity z-text-blue"></i></td>
<td><i class="z-font z-f-activity z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-edit</td>
<td class="z-samp">&#xf02c;</td>
<td><i class="z-font z-f-edit"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-edit z-text-white"></i></td>
<td><i class="z-font z-f-edit z-text-gray"></i></td>
<td><i class="z-font z-f-edit z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-edit z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-edit z-text-yellow"></i></td>
<td><i class="z-font z-f-edit z-text-green"></i></td>
<td><i class="z-font z-f-edit z-text-cyan"></i></td>
<td><i class="z-font z-f-edit z-text-blue"></i></td>
<td><i class="z-font z-f-edit z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-function</td>
<td class="z-samp">&#xf02d;</td>
<td><i class="z-font z-f-function"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-function z-text-white"></i></td>
<td><i class="z-font z-f-function z-text-gray"></i></td>
<td><i class="z-font z-f-function z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-function z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-function z-text-yellow"></i></td>
<td><i class="z-font z-f-function z-text-green"></i></td>
<td><i class="z-font z-f-function z-text-cyan"></i></td>
<td><i class="z-font z-f-function z-text-blue"></i></td>
<td><i class="z-font z-f-function z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-serve</td>
<td class="z-samp">&#xf02e;</td>
<td><i class="z-font z-f-serve"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-serve z-text-white"></i></td>
<td><i class="z-font z-f-serve z-text-gray"></i></td>
<td><i class="z-font z-f-serve z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-serve z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-serve z-text-yellow"></i></td>
<td><i class="z-font z-f-serve z-text-green"></i></td>
<td><i class="z-font z-f-serve z-text-cyan"></i></td>
<td><i class="z-font z-f-serve z-text-blue"></i></td>
<td><i class="z-font z-f-serve z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-more</td>
<td class="z-samp">&#xf02f;</td>
<td><i class="z-font z-f-more"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-more z-text-white"></i></td>
<td><i class="z-font z-f-more z-text-gray"></i></td>
<td><i class="z-font z-f-more z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-more z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-more z-text-yellow"></i></td>
<td><i class="z-font z-f-more z-text-green"></i></td>
<td><i class="z-font z-f-more z-text-cyan"></i></td>
<td><i class="z-font z-f-more z-text-blue"></i></td>
<td><i class="z-font z-f-more z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-on</td>
<td class="z-samp">&#xf030;</td>
<td><i class="z-font z-f-on"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-on z-text-white"></i></td>
<td><i class="z-font z-f-on z-text-gray"></i></td>
<td><i class="z-font z-f-on z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-on z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-on z-text-yellow"></i></td>
<td><i class="z-font z-f-on z-text-green"></i></td>
<td><i class="z-font z-f-on z-text-cyan"></i></td>
<td><i class="z-font z-f-on z-text-blue"></i></td>
<td><i class="z-font z-f-on z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-off</td>
<td class="z-samp">&#xf031;</td>
<td><i class="z-font z-f-off"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-off z-text-white"></i></td>
<td><i class="z-font z-f-off z-text-gray"></i></td>
<td><i class="z-font z-f-off z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-off z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-off z-text-yellow"></i></td>
<td><i class="z-font z-f-off z-text-green"></i></td>
<td><i class="z-font z-f-off z-text-cyan"></i></td>
<td><i class="z-font z-f-off z-text-blue"></i></td>
<td><i class="z-font z-f-off z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-hyperlink</td>
<td class="z-samp">&#xf032;</td>
<td><i class="z-font z-f-hyperlink"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-hyperlink z-text-white"></i></td>
<td><i class="z-font z-f-hyperlink z-text-gray"></i></td>
<td><i class="z-font z-f-hyperlink z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-hyperlink z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-hyperlink z-text-yellow"></i></td>
<td><i class="z-font z-f-hyperlink z-text-green"></i></td>
<td><i class="z-font z-f-hyperlink z-text-cyan"></i></td>
<td><i class="z-font z-f-hyperlink z-text-blue"></i></td>
<td><i class="z-font z-f-hyperlink z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-unhyperlink</td>
<td class="z-samp">&#xf033;</td>
<td><i class="z-font z-f-unhyperlink"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-unhyperlink z-text-white"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-gray"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-unhyperlink z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-unhyperlink z-text-yellow"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-green"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-cyan"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-blue"></i></td>
<td><i class="z-font z-f-unhyperlink z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-undo</td>
<td class="z-samp">&#xf034;</td>
<td><i class="z-font z-f-undo"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-undo z-text-white"></i></td>
<td><i class="z-font z-f-undo z-text-gray"></i></td>
<td><i class="z-font z-f-undo z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-undo z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-undo z-text-yellow"></i></td>
<td><i class="z-font z-f-undo z-text-green"></i></td>
<td><i class="z-font z-f-undo z-text-cyan"></i></td>
<td><i class="z-font z-f-undo z-text-blue"></i></td>
<td><i class="z-font z-f-undo z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-redo</td>
<td class="z-samp">&#xf035;</td>
<td><i class="z-font z-f-redo"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-redo z-text-white"></i></td>
<td><i class="z-font z-f-redo z-text-gray"></i></td>
<td><i class="z-font z-f-redo z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-redo z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-redo z-text-yellow"></i></td>
<td><i class="z-font z-f-redo z-text-green"></i></td>
<td><i class="z-font z-f-redo z-text-cyan"></i></td>
<td><i class="z-font z-f-redo z-text-blue"></i></td>
<td><i class="z-font z-f-redo z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-clearformat</td>
<td class="z-samp">&#xf036;</td>
<td><i class="z-font z-f-clearformat"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-clearformat z-text-white"></i></td>
<td><i class="z-font z-f-clearformat z-text-gray"></i></td>
<td><i class="z-font z-f-clearformat z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-clearformat z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-clearformat z-text-yellow"></i></td>
<td><i class="z-font z-f-clearformat z-text-green"></i></td>
<td><i class="z-font z-f-clearformat z-text-cyan"></i></td>
<td><i class="z-font z-f-clearformat z-text-blue"></i></td>
<td><i class="z-font z-f-clearformat z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-clearall</td>
<td class="z-samp">&#xf037;</td>
<td><i class="z-font z-f-clearall"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-clearall z-text-white"></i></td>
<td><i class="z-font z-f-clearall z-text-gray"></i></td>
<td><i class="z-font z-f-clearall z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-clearall z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-clearall z-text-yellow"></i></td>
<td><i class="z-font z-f-clearall z-text-green"></i></td>
<td><i class="z-font z-f-clearall z-text-cyan"></i></td>
<td><i class="z-font z-f-clearall z-text-blue"></i></td>
<td><i class="z-font z-f-clearall z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-selectall</td>
<td class="z-samp">&#xf038;</td>
<td><i class="z-font z-f-selectall"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-selectall z-text-white"></i></td>
<td><i class="z-font z-f-selectall z-text-gray"></i></td>
<td><i class="z-font z-f-selectall z-text-red zi-px20"></i> <span class="zi-px20">字体</span></td>
<td><i class="z-font z-f-selectall z-text-orange zi-px18"></i> <span class="zi-px18">字体</span></td>
<td><i class="z-font z-f-selectall z-text-yellow"></i></td>
<td><i class="z-font z-f-selectall z-text-green"></i></td>
<td><i class="z-font z-f-selectall z-text-cyan"></i></td>
<td><i class="z-font z-f-selectall z-text-blue"></i></td>
<td><i class="z-font z-f-selectall z-text-purple"></i></td>
</tr>
</table>
<#-- 文档类 -->
<div class="tutorial title">二、文档类图标,编码范围(f040-f05f),共10个</div>
<table class="z-table z-bordered z-pd10 z-px14 left z-mg-t20 z-mg-b20">
<tr bgcolor="#f5f5f5">
<td width="26%">样式</td>
<td width="10%">编码</td>
<td width="*" colspan="10">图标</td>
</tr>
<tr>
<td class="z-samp">.z-font.z-folder</td>
<td class="z-samp">&#xf040;</td>
<td width="7%"><i class="z-font z-folder"></i> 字体</td>
<td width="6%" class="z-bg-black"><i class="z-font z-folder z-text-white"></i></td>
<td width="6%"><i class="z-font z-folder z-text-gray"></i></td>
<td width="6%"><i class="z-font z-folder z-text-red zi-px20"></i></td>
<td width="6%"><i class="z-font z-folder z-text-orange zi-px18"></i></td>
<td width="6%"><i class="z-font z-folder z-text-yellow"></i></td>
<td width="6%"><i class="z-font z-folder z-text-green"></i></td>
<td width="6%"><i class="z-font z-folder z-text-cyan"></i></td>
<td width="6%"><i class="z-font z-folder z-text-blue"></i></td>
<td width="6%"><i class="z-font z-folder z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-collect</td>
<td class="z-samp">&#xf041;</td>
<td><i class="z-font z-collect"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-collect z-text-white"></i></td>
<td><i class="z-font z-collect z-text-gray"></i></td>
<td><i class="z-font z-collect z-text-red zi-px20"></i></td>
<td><i class="z-font z-collect z-text-orange zi-px18"></i></td>
<td><i class="z-font z-collect z-text-yellow"></i></td>
<td><i class="z-font z-collect z-text-green"></i></td>
<td><i class="z-font z-collect z-text-cyan"></i></td>
<td><i class="z-font z-collect z-text-blue"></i></td>
<td><i class="z-font z-collect z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-briefcase</td>
<td class="z-samp">&#xf042;</td>
<td><i class="z-font z-briefcase"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-briefcase z-text-white"></i></td>
<td><i class="z-font z-briefcase z-text-gray"></i></td>
<td><i class="z-font z-briefcase z-text-red zi-px20"></i></td>
<td><i class="z-font z-briefcase z-text-orange zi-px18"></i></td>
<td><i class="z-font z-briefcase z-text-yellow"></i></td>
<td><i class="z-font z-briefcase z-text-green"></i></td>
<td><i class="z-font z-briefcase z-text-cyan"></i></td>
<td><i class="z-font z-briefcase z-text-blue"></i></td>
<td><i class="z-font z-briefcase z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-image-text</td>
<td class="z-samp">&#xf043;</td>
<td><i class="z-font z-image-text"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-image-text z-text-white"></i></td>
<td><i class="z-font z-image-text z-text-gray"></i></td>
<td><i class="z-font z-image-text z-text-red zi-px20"></i></td>
<td><i class="z-font z-image-text z-text-orange zi-px18"></i></td>
<td><i class="z-font z-image-text z-text-yellow"></i></td>
<td><i class="z-font z-image-text z-text-green"></i></td>
<td><i class="z-font z-image-text z-text-cyan"></i></td>
<td><i class="z-font z-image-text z-text-blue"></i></td>
<td><i class="z-font z-image-text z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-text</td>
<td class="z-samp">&#xf044;</td>
<td><i class="z-font z-text"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-text z-text-white"></i></td>
<td><i class="z-font z-text z-text-gray"></i></td>
<td><i class="z-font z-text z-text-red zi-px20"></i></td>
<td><i class="z-font z-text z-text-orange zi-px18"></i></td>
<td><i class="z-font z-text z-text-yellow"></i></td>
<td><i class="z-font z-text z-text-green"></i></td>
<td><i class="z-font z-text z-text-cyan"></i></td>
<td><i class="z-font z-text z-text-blue"></i></td>
<td><i class="z-font z-text z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-picture</td>
<td class="z-samp">&#xf045;</td>
<td><i class="z-font z-picture"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-picture z-text-white"></i></td>
<td><i class="z-font z-picture z-text-gray"></i></td>
<td><i class="z-font z-picture z-text-red zi-px20"></i></td>
<td><i class="z-font z-picture z-text-orange zi-px18"></i></td>
<td><i class="z-font z-picture z-text-yellow"></i></td>
<td><i class="z-font z-picture z-text-green"></i></td>
<td><i class="z-font z-picture z-text-cyan"></i></td>
<td><i class="z-font z-picture z-text-blue"></i></td>
<td><i class="z-font z-picture z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-video</td>
<td class="z-samp">&#xf046;</td>
<td><i class="z-font z-video"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-video z-text-white"></i></td>
<td><i class="z-font z-video z-text-gray"></i></td>
<td><i class="z-font z-video z-text-red zi-px20"></i></td>
<td><i class="z-font z-video z-text-orange zi-px18"></i></td>
<td><i class="z-font z-video z-text-yellow"></i></td>
<td><i class="z-font z-video z-text-green"></i></td>
<td><i class="z-font z-video z-text-cyan"></i></td>
<td><i class="z-font z-video z-text-blue"></i></td>
<td><i class="z-font z-video z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-voice</td>
<td class="z-samp">&#xf047;</td>
<td><i class="z-font z-voice"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-voice z-text-white"></i></td>
<td><i class="z-font z-voice z-text-gray"></i></td>
<td><i class="z-font z-voice z-text-red zi-px20"></i></td>
<td><i class="z-font z-voice z-text-orange zi-px18"></i></td>
<td><i class="z-font z-voice z-text-yellow"></i></td>
<td><i class="z-font z-voice z-text-green"></i></td>
<td><i class="z-font z-voice z-text-cyan"></i></td>
<td><i class="z-font z-voice z-text-blue"></i></td>
<td><i class="z-font z-voice z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-camera</td>
<td class="z-samp">&#xf048;</td>
<td><i class="z-font z-camera"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-camera z-text-white"></i></td>
<td><i class="z-font z-camera z-text-gray"></i></td>
<td><i class="z-font z-camera z-text-red zi-px20"></i></td>
<td><i class="z-font z-camera z-text-orange zi-px18"></i></td>
<td><i class="z-font z-camera z-text-yellow"></i></td>
<td><i class="z-font z-camera z-text-green"></i></td>
<td><i class="z-font z-camera z-text-cyan"></i></td>
<td><i class="z-font z-camera z-text-blue"></i></td>
<td><i class="z-font z-camera z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-print</td>
<td class="z-samp">&#xf049;</td>
<td><i class="z-font z-print"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-print z-text-white"></i></td>
<td><i class="z-font z-print z-text-gray"></i></td>
<td><i class="z-font z-print z-text-red zi-px20"></i></td>
<td><i class="z-font z-print z-text-orange zi-px18"></i></td>
<td><i class="z-font z-print z-text-yellow"></i></td>
<td><i class="z-font z-print z-text-green"></i></td>
<td><i class="z-font z-print z-text-cyan"></i></td>
<td><i class="z-font z-print z-text-blue"></i></td>
<td><i class="z-font z-print z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-code</td>
<td class="z-samp">&#xf04a;</td>
<td><i class="z-font z-f-code"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-code z-text-white"></i></td>
<td><i class="z-font z-f-code z-text-gray"></i></td>
<td><i class="z-font z-f-code z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-code z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-code z-text-yellow"></i></td>
<td><i class="z-font z-f-code z-text-green"></i></td>
<td><i class="z-font z-f-code z-text-cyan"></i></td>
<td><i class="z-font z-f-code z-text-blue"></i></td>
<td><i class="z-font z-f-code z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-order</td>
<td class="z-samp">&#xf04b;</td>
<td><i class="z-font z-f-order"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-order z-text-white"></i></td>
<td><i class="z-font z-f-order z-text-gray"></i></td>
<td><i class="z-font z-f-order z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-order z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-order z-text-yellow"></i></td>
<td><i class="z-font z-f-order z-text-green"></i></td>
<td><i class="z-font z-f-order z-text-cyan"></i></td>
<td><i class="z-font z-f-order z-text-blue"></i></td>
<td><i class="z-font z-f-order z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-news</td>
<td class="z-samp">&#xf04c;</td>
<td><i class="z-font z-f-news"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-news z-text-white"></i></td>
<td><i class="z-font z-f-news z-text-gray"></i></td>
<td><i class="z-font z-f-news z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-news z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-news z-text-yellow"></i></td>
<td><i class="z-font z-f-news z-text-green"></i></td>
<td><i class="z-font z-f-news z-text-cyan"></i></td>
<td><i class="z-font z-f-news z-text-blue"></i></td>
<td><i class="z-font z-f-news z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-course</td>
<td class="z-samp">&#xf04d;</td>
<td><i class="z-font z-f-course"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-course z-text-white"></i></td>
<td><i class="z-font z-f-course z-text-gray"></i></td>
<td><i class="z-font z-f-course z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-course z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-course z-text-yellow"></i></td>
<td><i class="z-font z-f-course z-text-green"></i></td>
<td><i class="z-font z-f-course z-text-cyan"></i></td>
<td><i class="z-font z-f-course z-text-blue"></i></td>
<td><i class="z-font z-f-course z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-userinfo</td>
<td class="z-samp">&#xf04e;</td>
<td><i class="z-font z-f-userinfo"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-userinfo z-text-white"></i></td>
<td><i class="z-font z-f-userinfo z-text-gray"></i></td>
<td><i class="z-font z-f-userinfo z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-userinfo z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-userinfo z-text-yellow"></i></td>
<td><i class="z-font z-f-userinfo z-text-green"></i></td>
<td><i class="z-font z-f-userinfo z-text-cyan"></i></td>
<td><i class="z-font z-f-userinfo z-text-blue"></i></td>
<td><i class="z-font z-f-userinfo z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-tag</td>
<td class="z-samp">&#xf04f;</td>
<td><i class="z-font z-f-tag"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-tag z-text-white"></i></td>
<td><i class="z-font z-f-tag z-text-gray"></i></td>
<td><i class="z-font z-f-tag z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-tag z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-tag z-text-yellow"></i></td>
<td><i class="z-font z-f-tag z-text-green"></i></td>
<td><i class="z-font z-f-tag z-text-cyan"></i></td>
<td><i class="z-font z-f-tag z-text-blue"></i></td>
<td><i class="z-font z-f-tag z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-templet</td>
<td class="z-samp">&#xf050;</td>
<td><i class="z-font z-f-templet"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-templet z-text-white"></i></td>
<td><i class="z-font z-f-templet z-text-gray"></i></td>
<td><i class="z-font z-f-templet z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-templet z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-templet z-text-yellow"></i></td>
<td><i class="z-font z-f-templet z-text-green"></i></td>
<td><i class="z-font z-f-templet z-text-cyan"></i></td>
<td><i class="z-font z-f-templet z-text-blue"></i></td>
<td><i class="z-font z-f-templet z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-project</td>
<td class="z-samp">&#xf051;</td>
<td><i class="z-font z-f-project"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-project z-text-white"></i></td>
<td><i class="z-font z-f-project z-text-gray"></i></td>
<td><i class="z-font z-f-project z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-project z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-project z-text-yellow"></i></td>
<td><i class="z-font z-f-project z-text-green"></i></td>
<td><i class="z-font z-f-project z-text-cyan"></i></td>
<td><i class="z-font z-f-project z-text-blue"></i></td>
<td><i class="z-font z-f-project z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-doc</td>
<td class="z-samp">&#xf052;</td>
<td><i class="z-font z-f-doc"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-doc z-text-white"></i></td>
<td><i class="z-font z-f-doc z-text-gray"></i></td>
<td><i class="z-font z-f-doc z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-doc z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-doc z-text-yellow"></i></td>
<td><i class="z-font z-f-doc z-text-green"></i></td>
<td><i class="z-font z-f-doc z-text-cyan"></i></td>
<td><i class="z-font z-f-doc z-text-blue"></i></td>
<td><i class="z-font z-f-doc z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-htm</td>
<td class="z-samp">&#xf053;</td>
<td><i class="z-font z-f-htm"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-htm z-text-white"></i></td>
<td><i class="z-font z-f-htm z-text-gray"></i></td>
<td><i class="z-font z-f-htm z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-htm z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-htm z-text-yellow"></i></td>
<td><i class="z-font z-f-htm z-text-green"></i></td>
<td><i class="z-font z-f-htm z-text-cyan"></i></td>
<td><i class="z-font z-f-htm z-text-blue"></i></td>
<td><i class="z-font z-f-htm z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-pdf</td>
<td class="z-samp">&#xf054;</td>
<td><i class="z-font z-f-pdf"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-pdf z-text-white"></i></td>
<td><i class="z-font z-f-pdf z-text-gray"></i></td>
<td><i class="z-font z-f-pdf z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-pdf z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-pdf z-text-yellow"></i></td>
<td><i class="z-font z-f-pdf z-text-green"></i></td>
<td><i class="z-font z-f-pdf z-text-cyan"></i></td>
<td><i class="z-font z-f-pdf z-text-blue"></i></td>
<td><i class="z-font z-f-pdf z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-ppt</td>
<td class="z-samp">&#xf055;</td>
<td><i class="z-font z-f-ppt"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-ppt z-text-white"></i></td>
<td><i class="z-font z-f-ppt z-text-gray"></i></td>
<td><i class="z-font z-f-ppt z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-ppt z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-ppt z-text-yellow"></i></td>
<td><i class="z-font z-f-ppt z-text-green"></i></td>
<td><i class="z-font z-f-ppt z-text-cyan"></i></td>
<td><i class="z-font z-f-ppt z-text-blue"></i></td>
<td><i class="z-font z-f-ppt z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-txt</td>
<td class="z-samp">&#xf056;</td>
<td><i class="z-font z-f-txt"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-txt z-text-white"></i></td>
<td><i class="z-font z-f-txt z-text-gray"></i></td>
<td><i class="z-font z-f-txt z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-txt z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-txt z-text-yellow"></i></td>
<td><i class="z-font z-f-txt z-text-green"></i></td>
<td><i class="z-font z-f-txt z-text-cyan"></i></td>
<td><i class="z-font z-f-txt z-text-blue"></i></td>
<td><i class="z-font z-f-txt z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-srt</td>
<td class="z-samp">&#xf057;</td>
<td><i class="z-font z-f-srt"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-srt z-text-white"></i></td>
<td><i class="z-font z-f-srt z-text-gray"></i></td>
<td><i class="z-font z-f-srt z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-srt z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-srt z-text-yellow"></i></td>
<td><i class="z-font z-f-srt z-text-green"></i></td>
<td><i class="z-font z-f-srt z-text-cyan"></i></td>
<td><i class="z-font z-f-srt z-text-blue"></i></td>
<td><i class="z-font z-f-srt z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-xls</td>
<td class="z-samp">&#xf058;</td>
<td><i class="z-font z-f-xls"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-xls z-text-white"></i></td>
<td><i class="z-font z-f-xls z-text-gray"></i></td>
<td><i class="z-font z-f-xls z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-xls z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-xls z-text-yellow"></i></td>
<td><i class="z-font z-f-xls z-text-green"></i></td>
<td><i class="z-font z-f-xls z-text-cyan"></i></td>
<td><i class="z-font z-f-xls z-text-blue"></i></td>
<td><i class="z-font z-f-xls z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-iso</td>
<td class="z-samp">&#xf059;</td>
<td><i class="z-font z-f-iso"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-iso z-text-white"></i></td>
<td><i class="z-font z-f-iso z-text-gray"></i></td>
<td><i class="z-font z-f-iso z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-iso z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-iso z-text-yellow"></i></td>
<td><i class="z-font z-f-iso z-text-green"></i></td>
<td><i class="z-font z-f-iso z-text-cyan"></i></td>
<td><i class="z-font z-f-iso z-text-blue"></i></td>
<td><i class="z-font z-f-iso z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-rar</td>
<td class="z-samp">&#xf05a;</td>
<td><i class="z-font z-f-rar"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-rar z-text-white"></i></td>
<td><i class="z-font z-f-rar z-text-gray"></i></td>
<td><i class="z-font z-f-rar z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-rar z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-rar z-text-yellow"></i></td>
<td><i class="z-font z-f-rar z-text-green"></i></td>
<td><i class="z-font z-f-rar z-text-cyan"></i></td>
<td><i class="z-font z-f-rar z-text-blue"></i></td>
<td><i class="z-font z-f-rar z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-zip</td>
<td class="z-samp">&#xf05b;</td>
<td><i class="z-font z-f-zip"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-zip z-text-white"></i></td>
<td><i class="z-font z-f-zip z-text-gray"></i></td>
<td><i class="z-font z-f-zip z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-zip z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-zip z-text-yellow"></i></td>
<td><i class="z-font z-f-zip z-text-green"></i></td>
<td><i class="z-font z-f-zip z-text-cyan"></i></td>
<td><i class="z-font z-f-zip z-text-blue"></i></td>
<td><i class="z-font z-f-zip z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-background</td>
<td class="z-samp">&#xf05c;</td>
<td><i class="z-font z-f-background"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-background z-text-white"></i></td>
<td><i class="z-font z-f-background z-text-gray"></i></td>
<td><i class="z-font z-f-background z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-background z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-background z-text-yellow"></i></td>
<td><i class="z-font z-f-background z-text-green"></i></td>
<td><i class="z-font z-f-background z-text-cyan"></i></td>
<td><i class="z-font z-f-background z-text-blue"></i></td>
<td><i class="z-font z-f-background z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-bold</td>
<td class="z-samp">&#xf05d;</td>
<td><i class="z-font z-f-bold"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-bold z-text-white"></i></td>
<td><i class="z-font z-f-bold z-text-gray"></i></td>
<td><i class="z-font z-f-bold z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-bold z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-bold z-text-yellow"></i></td>
<td><i class="z-font z-f-bold z-text-green"></i></td>
<td><i class="z-font z-f-bold z-text-cyan"></i></td>
<td><i class="z-font z-f-bold z-text-blue"></i></td>
<td><i class="z-font z-f-bold z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-aligncenter</td>
<td class="z-samp">&#xf05e;</td>
<td><i class="z-font z-f-aligncenter"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-aligncenter z-text-white"></i></td>
<td><i class="z-font z-f-aligncenter z-text-gray"></i></td>
<td><i class="z-font z-f-aligncenter z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-aligncenter z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-aligncenter z-text-yellow"></i></td>
<td><i class="z-font z-f-aligncenter z-text-green"></i></td>
<td><i class="z-font z-f-aligncenter z-text-cyan"></i></td>
<td><i class="z-font z-f-aligncenter z-text-blue"></i></td>
<td><i class="z-font z-f-aligncenter z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-alignleft</td>
<td class="z-samp">&#xf05f;</td>
<td><i class="z-font z-f-alignleft"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-alignleft z-text-white"></i></td>
<td><i class="z-font z-f-alignleft z-text-gray"></i></td>
<td><i class="z-font z-f-alignleft z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-alignleft z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-alignleft z-text-yellow"></i></td>
<td><i class="z-font z-f-alignleft z-text-green"></i></td>
<td><i class="z-font z-f-alignleft z-text-cyan"></i></td>
<td><i class="z-font z-f-alignleft z-text-blue"></i></td>
<td><i class="z-font z-f-alignleft z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-alignright</td>
<td class="z-samp">&#xf140;</td>
<td><i class="z-font z-f-alignright"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-alignright z-text-white"></i></td>
<td><i class="z-font z-f-alignright z-text-gray"></i></td>
<td><i class="z-font z-f-alignright z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-alignright z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-alignright z-text-yellow"></i></td>
<td><i class="z-font z-f-alignright z-text-green"></i></td>
<td><i class="z-font z-f-alignright z-text-cyan"></i></td>
<td><i class="z-font z-f-alignright z-text-blue"></i></td>
<td><i class="z-font z-f-alignright z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-sourcecode</td>
<td class="z-samp">&#xf141;</td>
<td><i class="z-font z-f-sourcecode"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-sourcecode z-text-white"></i></td>
<td><i class="z-font z-f-sourcecode z-text-gray"></i></td>
<td><i class="z-font z-f-sourcecode z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-sourcecode z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-sourcecode z-text-yellow"></i></td>
<td><i class="z-font z-f-sourcecode z-text-green"></i></td>
<td><i class="z-font z-f-sourcecode z-text-cyan"></i></td>
<td><i class="z-font z-f-sourcecode z-text-blue"></i></td>
<td><i class="z-font z-f-sourcecode z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-fontcolor</td>
<td class="z-samp">&#xf142;</td>
<td><i class="z-font z-f-fontcolor"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-fontcolor z-text-white"></i></td>
<td><i class="z-font z-f-fontcolor z-text-gray"></i></td>
<td><i class="z-font z-f-fontcolor z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-fontcolor z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-fontcolor z-text-yellow"></i></td>
<td><i class="z-font z-f-fontcolor z-text-green"></i></td>
<td><i class="z-font z-f-fontcolor z-text-cyan"></i></td>
<td><i class="z-font z-f-fontcolor z-text-blue"></i></td>
<td><i class="z-font z-f-fontcolor z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-italic</td>
<td class="z-samp">&#xf143;</td>
<td><i class="z-font z-f-italic"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-italic z-text-white"></i></td>
<td><i class="z-font z-f-italic z-text-gray"></i></td>
<td><i class="z-font z-f-italic z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-italic z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-italic z-text-yellow"></i></td>
<td><i class="z-font z-f-italic z-text-green"></i></td>
<td><i class="z-font z-f-italic z-text-cyan"></i></td>
<td><i class="z-font z-f-italic z-text-blue"></i></td>
<td><i class="z-font z-f-italic z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-underline</td>
<td class="z-samp">&#xf144;</td>
<td><i class="z-font z-f-underline"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-underline z-text-white"></i></td>
<td><i class="z-font z-f-underline z-text-gray"></i></td>
<td><i class="z-font z-f-underline z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-underline z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-underline z-text-yellow"></i></td>
<td><i class="z-font z-f-underline z-text-green"></i></td>
<td><i class="z-font z-f-underline z-text-cyan"></i></td>
<td><i class="z-font z-f-underline z-text-blue"></i></td>
<td><i class="z-font z-f-underline z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-superscript</td>
<td class="z-samp">&#xf145;</td>
<td><i class="z-font z-f-superscript"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-superscript z-text-white"></i></td>
<td><i class="z-font z-f-superscript z-text-gray"></i></td>
<td><i class="z-font z-f-superscript z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-superscript z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-superscript z-text-yellow"></i></td>
<td><i class="z-font z-f-superscript z-text-green"></i></td>
<td><i class="z-font z-f-superscript z-text-cyan"></i></td>
<td><i class="z-font z-f-superscript z-text-blue"></i></td>
<td><i class="z-font z-f-superscript z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-subscript</td>
<td class="z-samp">&#xf146;</td>
<td><i class="z-font z-f-subscript"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-subscript z-text-white"></i></td>
<td><i class="z-font z-f-subscript z-text-gray"></i></td>
<td><i class="z-font z-f-subscript z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-subscript z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-subscript z-text-yellow"></i></td>
<td><i class="z-font z-f-subscript z-text-green"></i></td>
<td><i class="z-font z-f-subscript z-text-cyan"></i></td>
<td><i class="z-font z-f-subscript z-text-blue"></i></td>
<td><i class="z-font z-f-subscript z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-image</td>
<td class="z-samp">&#xf147;</td>
<td><i class="z-font z-f-image"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-image z-text-white"></i></td>
<td><i class="z-font z-f-image z-text-gray"></i></td>
<td><i class="z-font z-f-image z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-image z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-image z-text-yellow"></i></td>
<td><i class="z-font z-f-image z-text-green"></i></td>
<td><i class="z-font z-f-image z-text-cyan"></i></td>
<td><i class="z-font z-f-image z-text-blue"></i></td>
<td><i class="z-font z-f-image z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-unorderedlist</td>
<td class="z-samp">&#xf148;</td>
<td><i class="z-font z-f-unorderedlist"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-unorderedlist z-text-white"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-gray"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-yellow"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-green"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-cyan"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-blue"></i></td>
<td><i class="z-font z-f-unorderedlist z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-orderedlist</td>
<td class="z-samp">&#xf149;</td>
<td><i class="z-font z-f-orderedlist"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-orderedlist z-text-white"></i></td>
<td><i class="z-font z-f-orderedlist z-text-gray"></i></td>
<td><i class="z-font z-f-orderedlist z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-orderedlist z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-orderedlist z-text-yellow"></i></td>
<td><i class="z-font z-f-orderedlist z-text-green"></i></td>
<td><i class="z-font z-f-orderedlist z-text-cyan"></i></td>
<td><i class="z-font z-f-orderedlist z-text-blue"></i></td>
<td><i class="z-font z-f-orderedlist z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-strikethrough</td>
<td class="z-samp">&#xf14a;</td>
<td><i class="z-font z-f-strikethrough"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-strikethrough z-text-white"></i></td>
<td><i class="z-font z-f-strikethrough z-text-gray"></i></td>
<td><i class="z-font z-f-strikethrough z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-strikethrough z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-strikethrough z-text-yellow"></i></td>
<td><i class="z-font z-f-strikethrough z-text-green"></i></td>
<td><i class="z-font z-f-strikethrough z-text-cyan"></i></td>
<td><i class="z-font z-f-strikethrough z-text-blue"></i></td>
<td><i class="z-font z-f-strikethrough z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-symbol</td>
<td class="z-samp">&#xf14b;</td>
<td><i class="z-font z-f-symbol"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-symbol z-text-white"></i></td>
<td><i class="z-font z-f-symbol z-text-gray"></i></td>
<td><i class="z-font z-f-symbol z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-symbol z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-symbol z-text-yellow"></i></td>
<td><i class="z-font z-f-symbol z-text-green"></i></td>
<td><i class="z-font z-f-symbol z-text-cyan"></i></td>
<td><i class="z-font z-f-symbol z-text-blue"></i></td>
<td><i class="z-font z-f-symbol z-text-purple"></i></td>
</tr>
</table>
<#-- 设备类 -->
<div class="tutorial title">三、设备类图标,编码范围(f060-f07f),共9个</div>
<table class="z-table z-bordered z-pd10 z-px14 left z-mg-t20 z-mg-b20">
<tr bgcolor="#f5f5f5">
<td width="26%">样式</td>
<td width="10%">编码</td>
<td width="*" colspan="10">图标</td>
</tr>
<tr>
<td class="z-samp">.z-font.z-computer</td>
<td class="z-samp">&#xf060;</td>
<td width="7%"><i class="z-font z-computer"></i> 字体</td>
<td width="6%" class="z-bg-black"><i class="z-font z-computer z-text-white"></i></td>
<td width="6%"><i class="z-font z-computer z-text-gray"></i></td>
<td width="6%"><i class="z-font z-computer z-text-red zi-px20"></i></td>
<td width="6%"><i class="z-font z-computer z-text-orange zi-px18"></i></td>
<td width="6%"><i class="z-font z-computer z-text-yellow"></i></td>
<td width="6%"><i class="z-font z-computer z-text-green"></i></td>
<td width="6%"><i class="z-font z-computer z-text-cyan"></i></td>
<td width="6%"><i class="z-font z-computer z-text-blue"></i></td>
<td width="6%"><i class="z-font z-computer z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-phone</td>
<td class="z-samp">&#xf061;</td>
<td><i class="z-font z-phone"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-phone z-text-white"></i></td>
<td><i class="z-font z-phone z-text-gray"></i></td>
<td><i class="z-font z-phone z-text-red zi-px20"></i></td>
<td><i class="z-font z-phone z-text-orange zi-px18"></i></td>
<td><i class="z-font z-phone z-text-yellow"></i></td>
<td><i class="z-font z-phone z-text-green"></i></td>
<td><i class="z-font z-phone z-text-cyan"></i></td>
<td><i class="z-font z-phone z-text-blue"></i></td>
<td><i class="z-font z-phone z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-monitor</td>
<td class="z-samp">&#xf062;</td>
<td><i class="z-font z-monitor"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-monitor z-text-white"></i></td>
<td><i class="z-font z-monitor z-text-gray"></i></td>
<td><i class="z-font z-monitor z-text-red zi-px20"></i></td>
<td><i class="z-font z-monitor z-text-orange zi-px18"></i></td>
<td><i class="z-font z-monitor z-text-yellow"></i></td>
<td><i class="z-font z-monitor z-text-green"></i></td>
<td><i class="z-font z-monitor z-text-cyan"></i></td>
<td><i class="z-font z-monitor z-text-blue"></i></td>
<td><i class="z-font z-monitor z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-email</td>
<td class="z-samp">&#xf063;</td>
<td><i class="z-font z-email"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-email z-text-white"></i></td>
<td><i class="z-font z-email z-text-gray"></i></td>
<td><i class="z-font z-email z-text-red zi-px20"></i></td>
<td><i class="z-font z-email z-text-orange zi-px18"></i></td>
<td><i class="z-font z-email z-text-yellow"></i></td>
<td><i class="z-font z-email z-text-green"></i></td>
<td><i class="z-font z-email z-text-cyan"></i></td>
<td><i class="z-font z-email z-text-blue"></i></td>
<td><i class="z-font z-email z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-internet</td>
<td class="z-samp">&#xf064;</td>
<td><i class="z-font z-internet"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-internet z-text-white"></i></td>
<td><i class="z-font z-internet z-text-gray"></i></td>
<td><i class="z-font z-internet z-text-red zi-px20"></i></td>
<td><i class="z-font z-internet z-text-orange zi-px18"></i></td>
<td><i class="z-font z-internet z-text-yellow"></i></td>
<td><i class="z-font z-internet z-text-green"></i></td>
<td><i class="z-font z-internet z-text-cyan"></i></td>
<td><i class="z-font z-internet z-text-blue"></i></td>
<td><i class="z-font z-internet z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-switch</td>
<td class="z-samp">&#xf065;</td>
<td><i class="z-font z-switch"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-switch z-text-white"></i></td>
<td><i class="z-font z-switch z-text-gray"></i></td>
<td><i class="z-font z-switch z-text-red zi-px20"></i></td>
<td><i class="z-font z-switch z-text-orange zi-px18"></i></td>
<td><i class="z-font z-switch z-text-yellow"></i></td>
<td><i class="z-font z-switch z-text-green"></i></td>
<td><i class="z-font z-switch z-text-cyan"></i></td>
<td><i class="z-font z-switch z-text-blue"></i></td>
<td><i class="z-font z-switch z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-wifi</td>
<td class="z-samp">&#xf066;</td>
<td><i class="z-font z-wifi"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-wifi z-text-white"></i></td>
<td><i class="z-font z-wifi z-text-gray"></i></td>
<td><i class="z-font z-wifi z-text-red zi-px20"></i></td>
<td><i class="z-font z-wifi z-text-orange zi-px18"></i></td>
<td><i class="z-font z-wifi z-text-yellow"></i></td>
<td><i class="z-font z-wifi z-text-green"></i></td>
<td><i class="z-font z-wifi z-text-cyan"></i></td>
<td><i class="z-font z-wifi z-text-blue"></i></td>
<td><i class="z-font z-wifi z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-cloud</td>
<td class="z-samp">&#xf067;</td>
<td><i class="z-font z-cloud"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-cloud z-text-white"></i></td>
<td><i class="z-font z-cloud z-text-gray"></i></td>
<td><i class="z-font z-cloud z-text-red zi-px20"></i></td>
<td><i class="z-font z-cloud z-text-orange zi-px18"></i></td>
<td><i class="z-font z-cloud z-text-yellow"></i></td>
<td><i class="z-font z-cloud z-text-green"></i></td>
<td><i class="z-font z-cloud z-text-cyan"></i></td>
<td><i class="z-font z-cloud z-text-blue"></i></td>
<td><i class="z-font z-cloud z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-port</td>
<td class="z-samp">&#xf068;</td>
<td><i class="z-font z-port"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-port z-text-white"></i></td>
<td><i class="z-font z-port z-text-gray"></i></td>
<td><i class="z-font z-port z-text-red zi-px20"></i></td>
<td><i class="z-font z-port z-text-orange zi-px18"></i></td>
<td><i class="z-font z-port z-text-yellow"></i></td>
<td><i class="z-font z-port z-text-green"></i></td>
<td><i class="z-font z-port z-text-cyan"></i></td>
<td><i class="z-font z-port z-text-blue"></i></td>
<td><i class="z-font z-port z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-telephone</td>
<td class="z-samp">&#xf069;</td>
<td><i class="z-font z-f-telephone"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-telephone z-text-white"></i></td>
<td><i class="z-font z-f-telephone z-text-gray"></i></td>
<td><i class="z-font z-f-telephone z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-telephone z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-telephone z-text-yellow"></i></td>
<td><i class="z-font z-f-telephone z-text-green"></i></td>
<td><i class="z-font z-f-telephone z-text-cyan"></i></td>
<td><i class="z-font z-f-telephone z-text-blue"></i></td>
<td><i class="z-font z-f-telephone z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-treemodel</td>
<td class="z-samp">&#xf06a;</td>
<td><i class="z-font z-f-treemodel"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-treemodel z-text-white"></i></td>
<td><i class="z-font z-f-treemodel z-text-gray"></i></td>
<td><i class="z-font z-f-treemodel z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-treemodel z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-treemodel z-text-yellow"></i></td>
<td><i class="z-font z-f-treemodel z-text-green"></i></td>
<td><i class="z-font z-f-treemodel z-text-cyan"></i></td>
<td><i class="z-font z-f-treemodel z-text-blue"></i></td>
<td><i class="z-font z-f-treemodel z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-qrcode</td>
<td class="z-samp">&#xf06b;</td>
<td><i class="z-font z-f-qrcode"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-qrcode z-text-white"></i></td>
<td><i class="z-font z-f-qrcode z-text-gray"></i></td>
<td><i class="z-font z-f-qrcode z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-qrcode z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-qrcode z-text-yellow"></i></td>
<td><i class="z-font z-f-qrcode z-text-green"></i></td>
<td><i class="z-font z-f-qrcode z-text-cyan"></i></td>
<td><i class="z-font z-f-qrcode z-text-blue"></i></td>
<td><i class="z-font z-f-qrcode z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-database</td>
<td class="z-samp">&#xf06c;</td>
<td><i class="z-font z-f-database"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-database z-text-white"></i></td>
<td><i class="z-font z-f-database z-text-gray"></i></td>
<td><i class="z-font z-f-database z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-database z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-database z-text-yellow"></i></td>
<td><i class="z-font z-f-database z-text-green"></i></td>
<td><i class="z-font z-f-database z-text-cyan"></i></td>
<td><i class="z-font z-f-database z-text-blue"></i></td>
<td><i class="z-font z-f-database z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-email-open</td>
<td class="z-samp">&#xf06d;</td>
<td><i class="z-font z-f-email-open"></i> 字体</td>
<td class="z-bg-black"><i class="z-font z-f-email-open z-text-white"></i></td>
<td><i class="z-font z-f-email-open z-text-gray"></i></td>
<td><i class="z-font z-f-email-open z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-email-open z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-email-open z-text-yellow"></i></td>
<td><i class="z-font z-f-email-open z-text-green"></i></td>
<td><i class="z-font z-f-email-open z-text-cyan"></i></td>
<td><i class="z-font z-f-email-open z-text-blue"></i></td>
<td><i class="z-font z-f-email-open z-text-purple"></i></td>
</tr>
</table>
<#-- 图表类 -->
<div class="tutorial title">四、图表类图标,编码范围(f080-f09f),共14个</div>
<table class="z-table z-bordered z-pd10 z-px14 left z-mg-t20 z-mg-b20">
<tr bgcolor="#f5f5f5">
<td width="26%">样式</td>
<td width="10%">编码</td>
<td width="*" colspan="10">图标</td>
</tr>
<tr>
<td class="z-samp">.z-font.z-list</td>
<td class="z-samp">&#xf080;</td>
<td width="6%"><i class="z-font z-list"></i></td>
<td width="6%" class="z-bg-black"><i class="z-font z-list z-text-white"></i></td>
<td width="6%"><i class="z-font z-list z-text-gray"></i></td>
<td width="6%"><i class="z-font z-list z-text-red zi-px20"></i></td>
<td width="6%"><i class="z-font z-list z-text-orange zi-px18"></i></td>
<td width="6%"><i class="z-font z-list z-text-yellow"></i></td>
<td width="6%"><i class="z-font z-list z-text-green"></i></td>
<td width="6%"><i class="z-font z-list z-text-cyan"></i></td>
<td width="6%"><i class="z-font z-list z-text-blue"></i></td>
<td width="6%"><i class="z-font z-list z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-apps</td>
<td class="z-samp">&#xf081;</td>
<td><i class="z-font z-apps"></i></td>
<td class="z-bg-black"><i class="z-font z-apps z-text-white"></i></td>
<td><i class="z-font z-apps z-text-gray"></i></td>
<td><i class="z-font z-apps z-text-red zi-px20"></i></td>
<td><i class="z-font z-apps z-text-orange zi-px18"></i></td>
<td><i class="z-font z-apps z-text-yellow"></i></td>
<td><i class="z-font z-apps z-text-green"></i></td>
<td><i class="z-font z-apps z-text-cyan"></i></td>
<td><i class="z-font z-apps z-text-blue"></i></td>
<td><i class="z-font z-apps z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-pie-chart</td>
<td class="z-samp">&#xf082;</td>
<td><i class="z-font z-pie-chart"></i></td>
<td class="z-bg-black"><i class="z-font z-pie-chart z-text-white"></i></td>
<td><i class="z-font z-pie-chart z-text-gray"></i></td>
<td><i class="z-font z-pie-chart z-text-red zi-px20"></i></td>
<td><i class="z-font z-pie-chart z-text-orange zi-px18"></i></td>
<td><i class="z-font z-pie-chart z-text-yellow"></i></td>
<td><i class="z-font z-pie-chart z-text-green"></i></td>
<td><i class="z-font z-pie-chart z-text-cyan"></i></td>
<td><i class="z-font z-pie-chart z-text-blue"></i></td>
<td><i class="z-font z-pie-chart z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-histogram</td>
<td class="z-samp">&#xf083;</td>
<td><i class="z-font z-histogram"></i></td>
<td class="z-bg-black"><i class="z-font z-histogram z-text-white"></i></td>
<td><i class="z-font z-histogram z-text-gray"></i></td>
<td><i class="z-font z-histogram z-text-red zi-px20"></i></td>
<td><i class="z-font z-histogram z-text-orange zi-px18"></i></td>
<td><i class="z-font z-histogram z-text-yellow"></i></td>
<td><i class="z-font z-histogram z-text-green"></i></td>
<td><i class="z-font z-histogram z-text-cyan"></i></td>
<td><i class="z-font z-histogram z-text-blue"></i></td>
<td><i class="z-font z-histogram z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-graph</td>
<td class="z-samp">&#xf084;</td>
<td><i class="z-font z-graph"></i></td>
<td class="z-bg-black"><i class="z-font z-graph z-text-white"></i></td>
<td><i class="z-font z-graph z-text-gray"></i></td>
<td><i class="z-font z-graph z-text-red zi-px20"></i></td>
<td><i class="z-font z-graph z-text-orange zi-px18"></i></td>
<td><i class="z-font z-graph z-text-yellow"></i></td>
<td><i class="z-font z-graph z-text-green"></i></td>
<td><i class="z-font z-graph z-text-cyan"></i></td>
<td><i class="z-font z-graph z-text-blue"></i></td>
<td><i class="z-font z-graph z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-diagram</td>
<td class="z-samp">&#xf085;</td>
<td><i class="z-font z-diagram"></i></td>
<td class="z-bg-black"><i class="z-font z-diagram z-text-white"></i></td>
<td><i class="z-font z-diagram z-text-gray"></i></td>
<td><i class="z-font z-diagram z-text-red zi-px20"></i></td>
<td><i class="z-font z-diagram z-text-orange zi-px18"></i></td>
<td><i class="z-font z-diagram z-text-yellow"></i></td>
<td><i class="z-font z-diagram z-text-green"></i></td>
<td><i class="z-font z-diagram z-text-cyan"></i></td>
<td><i class="z-font z-diagram z-text-blue"></i></td>
<td><i class="z-font z-diagram z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrow-down</td>
<td class="z-samp">&#xf086;</td>
<td><i class="z-font z-arrow-down"></i></td>
<td class="z-bg-black"><i class="z-font z-arrow-down z-text-white"></i></td>
<td><i class="z-font z-arrow-down z-text-gray"></i></td>
<td><i class="z-font z-arrow-down z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrow-down z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrow-down z-text-yellow"></i></td>
<td><i class="z-font z-arrow-down z-text-green"></i></td>
<td><i class="z-font z-arrow-down z-text-cyan"></i></td>
<td><i class="z-font z-arrow-down z-text-blue"></i></td>
<td><i class="z-font z-arrow-down z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrow-up</td>
<td class="z-samp">&#xf087;</td>
<td><i class="z-font z-arrow-up"></i></td>
<td class="z-bg-black"><i class="z-font z-arrow-up z-text-white"></i></td>
<td><i class="z-font z-arrow-up z-text-gray"></i></td>
<td><i class="z-font z-arrow-up z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrow-up z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrow-up z-text-yellow"></i></td>
<td><i class="z-font z-arrow-up z-text-green"></i></td>
<td><i class="z-font z-arrow-up z-text-cyan"></i></td>
<td><i class="z-font z-arrow-up z-text-blue"></i></td>
<td><i class="z-font z-arrow-up z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrow-left</td>
<td class="z-samp">&#xf088;</td>
<td><i class="z-font z-arrow-left"></i></td>
<td class="z-bg-black"><i class="z-font z-arrow-left z-text-white"></i></td>
<td><i class="z-font z-arrow-left z-text-gray"></i></td>
<td><i class="z-font z-arrow-left z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrow-left z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrow-left z-text-yellow"></i></td>
<td><i class="z-font z-arrow-left z-text-green"></i></td>
<td><i class="z-font z-arrow-left z-text-cyan"></i></td>
<td><i class="z-font z-arrow-left z-text-blue"></i></td>
<td><i class="z-font z-arrow-left z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrow-right</td>
<td class="z-samp">&#xf089;</td>
<td><i class="z-font z-arrow-right"></i></td>
<td class="z-bg-black"><i class="z-font z-arrow-right z-text-white"></i></td>
<td><i class="z-font z-arrow-right z-text-gray"></i></td>
<td><i class="z-font z-arrow-right z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrow-right z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrow-right z-text-yellow"></i></td>
<td><i class="z-font z-arrow-right z-text-green"></i></td>
<td><i class="z-font z-arrow-right z-text-cyan"></i></td>
<td><i class="z-font z-arrow-right z-text-blue"></i></td>
<td><i class="z-font z-arrow-right z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrowhead-down</td>
<td class="z-samp">&#xf08a;</td>
<td><i class="z-font z-arrowhead-down"></i></td>
<td class="z-bg-black"><i class="z-font z-arrowhead-down z-text-white"></i></td>
<td><i class="z-font z-arrowhead-down z-text-gray"></i></td>
<td><i class="z-font z-arrowhead-down z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrowhead-down z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrowhead-down z-text-yellow"></i></td>
<td><i class="z-font z-arrowhead-down z-text-green"></i></td>
<td><i class="z-font z-arrowhead-down z-text-cyan"></i></td>
<td><i class="z-font z-arrowhead-down z-text-blue"></i></td>
<td><i class="z-font z-arrowhead-down z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrowhead-up</td>
<td class="z-samp">&#xf08b;</td>
<td><i class="z-font z-arrowhead-up"></i></td>
<td class="z-bg-black"><i class="z-font z-arrowhead-up z-text-white"></i></td>
<td><i class="z-font z-arrowhead-up z-text-gray"></i></td>
<td><i class="z-font z-arrowhead-up z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrowhead-up z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrowhead-up z-text-yellow"></i></td>
<td><i class="z-font z-arrowhead-up z-text-green"></i></td>
<td><i class="z-font z-arrowhead-up z-text-cyan"></i></td>
<td><i class="z-font z-arrowhead-up z-text-blue"></i></td>
<td><i class="z-font z-arrowhead-up z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrowhead-left</td>
<td class="z-samp">&#xf08c;</td>
<td><i class="z-font z-arrowhead-left"></i></td>
<td class="z-bg-black"><i class="z-font z-arrowhead-left z-text-white"></i></td>
<td><i class="z-font z-arrowhead-left z-text-gray"></i></td>
<td><i class="z-font z-arrowhead-left z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrowhead-left z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrowhead-left z-text-yellow"></i></td>
<td><i class="z-font z-arrowhead-left z-text-green"></i></td>
<td><i class="z-font z-arrowhead-left z-text-cyan"></i></td>
<td><i class="z-font z-arrowhead-left z-text-blue"></i></td>
<td><i class="z-font z-arrowhead-left z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-arrowhead-right</td>
<td class="z-samp">&#xf08d;</td>
<td><i class="z-font z-arrowhead-right"></i></td>
<td class="z-bg-black"><i class="z-font z-arrowhead-right z-text-white"></i></td>
<td><i class="z-font z-arrowhead-right z-text-gray"></i></td>
<td><i class="z-font z-arrowhead-right z-text-red zi-px20"></i></td>
<td><i class="z-font z-arrowhead-right z-text-orange zi-px18"></i></td>
<td><i class="z-font z-arrowhead-right z-text-yellow"></i></td>
<td><i class="z-font z-arrowhead-right z-text-green"></i></td>
<td><i class="z-font z-arrowhead-right z-text-cyan"></i></td>
<td><i class="z-font z-arrowhead-right z-text-blue"></i></td>
<td><i class="z-font z-arrowhead-right z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-list</td>
<td class="z-samp">&#xf08e;</td>
<td><i class="z-font z-f-list"></i></td>
<td class="z-bg-black"><i class="z-font z-f-list z-text-white"></i></td>
<td><i class="z-font z-f-list z-text-gray"></i></td>
<td><i class="z-font z-f-list z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-list z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-list z-text-yellow"></i></td>
<td><i class="z-font z-f-list z-text-green"></i></td>
<td><i class="z-font z-f-list z-text-cyan"></i></td>
<td><i class="z-font z-f-list z-text-blue"></i></td>
<td><i class="z-font z-f-list z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-bill</td>
<td class="z-samp">&#xf08f;</td>
<td><i class="z-font z-f-bill"></i></td>
<td class="z-bg-black"><i class="z-font z-f-bill z-text-white"></i></td>
<td><i class="z-font z-f-bill z-text-gray"></i></td>
<td><i class="z-font z-f-bill z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-bill z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-bill z-text-yellow"></i></td>
<td><i class="z-font z-f-bill z-text-green"></i></td>
<td><i class="z-font z-f-bill z-text-cyan"></i></td>
<td><i class="z-font z-f-bill z-text-blue"></i></td>
<td><i class="z-font z-f-bill z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-pie-chart</td>
<td class="z-samp">&#xf090;</td>
<td><i class="z-font z-f-pie-chart"></i></td>
<td class="z-bg-black"><i class="z-font z-f-pie-chart z-text-white"></i></td>
<td><i class="z-font z-f-pie-chart z-text-gray"></i></td>
<td><i class="z-font z-f-pie-chart z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-pie-chart z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-pie-chart z-text-yellow"></i></td>
<td><i class="z-font z-f-pie-chart z-text-green"></i></td>
<td><i class="z-font z-f-pie-chart z-text-cyan"></i></td>
<td><i class="z-font z-f-pie-chart z-text-blue"></i></td>
<td><i class="z-font z-f-pie-chart z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-report-forms</td>
<td class="z-samp">&#xf091;</td>
<td><i class="z-font z-f-report-forms"></i></td>
<td class="z-bg-black"><i class="z-font z-f-report-forms z-text-white"></i></td>
<td><i class="z-font z-f-report-forms z-text-gray"></i></td>
<td><i class="z-font z-f-report-forms z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-report-forms z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-report-forms z-text-yellow"></i></td>
<td><i class="z-font z-f-report-forms z-text-green"></i></td>
<td><i class="z-font z-f-report-forms z-text-cyan"></i></td>
<td><i class="z-font z-f-report-forms z-text-blue"></i></td>
<td><i class="z-font z-f-report-forms z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-table</td>
<td class="z-samp">&#xf092;</td>
<td><i class="z-font z-f-table"></i></td>
<td class="z-bg-black"><i class="z-font z-f-table z-text-white"></i></td>
<td><i class="z-font z-f-table z-text-gray"></i></td>
<td><i class="z-font z-f-table z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-table z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-table z-text-yellow"></i></td>
<td><i class="z-font z-f-table z-text-green"></i></td>
<td><i class="z-font z-f-table z-text-cyan"></i></td>
<td><i class="z-font z-f-table z-text-blue"></i></td>
<td><i class="z-font z-f-table z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-line-chart</td>
<td class="z-samp">&#xf093;</td>
<td><i class="z-font z-f-line-chart"></i></td>
<td class="z-bg-black"><i class="z-font z-f-line-chart z-text-white"></i></td>
<td><i class="z-font z-f-line-chart z-text-gray"></i></td>
<td><i class="z-font z-f-line-chart z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-line-chart z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-line-chart z-text-yellow"></i></td>
<td><i class="z-font z-f-line-chart z-text-green"></i></td>
<td><i class="z-font z-f-line-chart z-text-cyan"></i></td>
<td><i class="z-font z-f-line-chart z-text-blue"></i></td>
<td><i class="z-font z-f-line-chart z-text-purple"></i></td>
</tr>
</table>
<#-- 实体类 -->
<div class="tutorial title">五、实体类图标,编码范围(f0a0-f0bf),共8个</div>
<table class="z-table z-bordered z-pd10 z-px14 left z-mg-t20 z-mg-b20">
<tr bgcolor="#f5f5f5">
<td width="26%">样式</td>
<td width="10%">编码</td>
<td width="*" colspan="10">图标</td>
</tr>
<tr>
<td class="z-samp">.z-font.z-customer</td>
<td class="z-samp">&#xf0a0;</td>
<td width="6%"><i class="z-font z-customer"></i></td>
<td width="6%" class="z-bg-black"><i class="z-font z-customer z-text-white"></i></td>
<td width="6%"><i class="z-font z-customer z-text-gray"></i></td>
<td width="6%"><i class="z-font z-customer z-text-red zi-px20"></i></td>
<td width="6%"><i class="z-font z-customer z-text-orange zi-px18"></i></td>
<td width="6%"><i class="z-font z-customer z-text-yellow"></i></td>
<td width="6%"><i class="z-font z-customer z-text-green"></i></td>
<td width="6%"><i class="z-font z-customer z-text-cyan"></i></td>
<td width="6%"><i class="z-font z-customer z-text-blue"></i></td>
<td width="6%"><i class="z-font z-customer z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-cash</td>
<td class="z-samp">&#xf0a1;</td>
<td><i class="z-font z-cash"></i></td>
<td class="z-bg-black"><i class="z-font z-cash z-text-white"></i></td>
<td><i class="z-font z-cash z-text-gray"></i></td>
<td><i class="z-font z-cash z-text-red zi-px20"></i></td>
<td><i class="z-font z-cash z-text-orange zi-px18"></i></td>
<td><i class="z-font z-cash z-text-yellow"></i></td>
<td><i class="z-font z-cash z-text-green"></i></td>
<td><i class="z-font z-cash z-text-cyan"></i></td>
<td><i class="z-font z-cash z-text-blue"></i></td>
<td><i class="z-font z-cash z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-house</td>
<td class="z-samp">&#xf0a2;</td>
<td><i class="z-font z-house"></i></td>
<td class="z-bg-black"><i class="z-font z-house z-text-white"></i></td>
<td><i class="z-font z-house z-text-gray"></i></td>
<td><i class="z-font z-house z-text-red zi-px20"></i></td>
<td><i class="z-font z-house z-text-orange zi-px18"></i></td>
<td><i class="z-font z-house z-text-yellow"></i></td>
<td><i class="z-font z-house z-text-green"></i></td>
<td><i class="z-font z-house z-text-cyan"></i></td>
<td><i class="z-font z-house z-text-blue"></i></td>
<td><i class="z-font z-house z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-flower</td>
<td class="z-samp">&#xf0a3;</td>
<td><i class="z-font z-flower"></i></td>
<td class="z-bg-black"><i class="z-font z-flower z-text-white"></i></td>
<td><i class="z-font z-flower z-text-gray"></i></td>
<td><i class="z-font z-flower z-text-red zi-px20"></i></td>
<td><i class="z-font z-flower z-text-orange zi-px18"></i></td>
<td><i class="z-font z-flower z-text-yellow"></i></td>
<td><i class="z-font z-flower z-text-green"></i></td>
<td><i class="z-font z-flower z-text-cyan"></i></td>
<td><i class="z-font z-flower z-text-blue"></i></td>
<td><i class="z-font z-flower z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-box</td>
<td class="z-samp">&#xf0a4;</td>
<td><i class="z-font z-box"></i></td>
<td class="z-bg-black"><i class="z-font z-box z-text-white"></i></td>
<td><i class="z-font z-box z-text-gray"></i></td>
<td><i class="z-font z-box z-text-red zi-px20"></i></td>
<td><i class="z-font z-box z-text-orange zi-px18"></i></td>
<td><i class="z-font z-box z-text-yellow"></i></td>
<td><i class="z-font z-box z-text-green"></i></td>
<td><i class="z-font z-box z-text-cyan"></i></td>
<td><i class="z-font z-box z-text-blue"></i></td>
<td><i class="z-font z-box z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-desk</td>
<td class="z-samp">&#xf0a5;</td>
<td><i class="z-font z-desk"></i></td>
<td class="z-bg-black"><i class="z-font z-desk z-text-white"></i></td>
<td><i class="z-font z-desk z-text-gray"></i></td>
<td><i class="z-font z-desk z-text-red zi-px20"></i></td>
<td><i class="z-font z-desk z-text-orange zi-px18"></i></td>
<td><i class="z-font z-desk z-text-yellow"></i></td>
<td><i class="z-font z-desk z-text-green"></i></td>
<td><i class="z-font z-desk z-text-cyan"></i></td>
<td><i class="z-font z-desk z-text-blue"></i></td>
<td><i class="z-font z-desk z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-gift</td>
<td class="z-samp">&#xf0a6;</td>
<td><i class="z-font z-gift"></i></td>
<td class="z-bg-black"><i class="z-font z-gift z-text-white"></i></td>
<td><i class="z-font z-gift z-text-gray"></i></td>
<td><i class="z-font z-gift z-text-red zi-px20"></i></td>
<td><i class="z-font z-gift z-text-orange zi-px18"></i></td>
<td><i class="z-font z-gift z-text-yellow"></i></td>
<td><i class="z-font z-gift z-text-green"></i></td>
<td><i class="z-font z-gift z-text-cyan"></i></td>
<td><i class="z-font z-gift z-text-blue"></i></td>
<td><i class="z-font z-gift z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-lock</td>
<td class="z-samp">&#xf0a7;</td>
<td><i class="z-font z-lock"></i></td>
<td class="z-bg-black"><i class="z-font z-lock z-text-white"></i></td>
<td><i class="z-font z-lock z-text-gray"></i></td>
<td><i class="z-font z-lock z-text-red zi-px20"></i></td>
<td><i class="z-font z-lock z-text-orange zi-px18"></i></td>
<td><i class="z-font z-lock z-text-yellow"></i></td>
<td><i class="z-font z-lock z-text-green"></i></td>
<td><i class="z-font z-lock z-text-cyan"></i></td>
<td><i class="z-font z-lock z-text-blue"></i></td>
<td><i class="z-font z-lock z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-flag</td>
<td class="z-samp">&#xf0a7;</td>
<td><i class="z-font z-f-flag"></i></td>
<td class="z-bg-black"><i class="z-font z-f-flag z-text-white"></i></td>
<td><i class="z-font z-f-flag z-text-gray"></i></td>
<td><i class="z-font z-f-flag z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-flag z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-flag z-text-yellow"></i></td>
<td><i class="z-font z-f-flag z-text-green"></i></td>
<td><i class="z-font z-f-flag z-text-cyan"></i></td>
<td><i class="z-font z-f-flag z-text-blue"></i></td>
<td><i class="z-font z-f-flag z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-lock</td>
<td class="z-samp">&#xf0a8;</td>
<td><i class="z-font z-f-lock"></i></td>
<td class="z-bg-black"><i class="z-font z-f-lock z-text-white"></i></td>
<td><i class="z-font z-f-lock z-text-gray"></i></td>
<td><i class="z-font z-f-lock z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-lock z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-lock z-text-yellow"></i></td>
<td><i class="z-font z-f-lock z-text-green"></i></td>
<td><i class="z-font z-f-lock z-text-cyan"></i></td>
<td><i class="z-font z-f-lock z-text-blue"></i></td>
<td><i class="z-font z-f-lock z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-unlock</td>
<td class="z-samp">&#xf0a9;</td>
<td><i class="z-font z-f-unlock"></i></td>
<td class="z-bg-black"><i class="z-font z-f-unlock z-text-white"></i></td>
<td><i class="z-font z-f-unlock z-text-gray"></i></td>
<td><i class="z-font z-f-unlock z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-unlock z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-unlock z-text-yellow"></i></td>
<td><i class="z-font z-f-unlock z-text-green"></i></td>
<td><i class="z-font z-f-unlock z-text-cyan"></i></td>
<td><i class="z-font z-f-unlock z-text-blue"></i></td>
<td><i class="z-font z-f-unlock z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-money</td>
<td class="z-samp">&#xf0ab;</td>
<td><i class="z-font z-f-money"></i></td>
<td class="z-bg-black"><i class="z-font z-f-money z-text-white"></i></td>
<td><i class="z-font z-f-money z-text-gray"></i></td>
<td><i class="z-font z-f-money z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-money z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-money z-text-yellow"></i></td>
<td><i class="z-font z-f-money z-text-green"></i></td>
<td><i class="z-font z-f-money z-text-cyan"></i></td>
<td><i class="z-font z-f-money z-text-blue"></i></td>
<td><i class="z-font z-f-money z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-upstage</td>
<td class="z-samp">&#xf0ac;</td>
<td><i class="z-font z-f-upstage"></i></td>
<td class="z-bg-black"><i class="z-font z-f-upstage z-text-white"></i></td>
<td><i class="z-font z-f-upstage z-text-gray"></i></td>
<td><i class="z-font z-f-upstage z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-upstage z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-upstage z-text-yellow"></i></td>
<td><i class="z-font z-f-upstage z-text-green"></i></td>
<td><i class="z-font z-f-upstage z-text-cyan"></i></td>
<td><i class="z-font z-f-upstage z-text-blue"></i></td>
<td><i class="z-font z-f-upstage z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-shopcart</td>
<td class="z-samp">&#xf0ad;</td>
<td><i class="z-font z-f-shopcart"></i></td>
<td class="z-bg-black"><i class="z-font z-f-shopcart z-text-white"></i></td>
<td><i class="z-font z-f-shopcart z-text-gray"></i></td>
<td><i class="z-font z-f-shopcart z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-shopcart z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-shopcart z-text-yellow"></i></td>
<td><i class="z-font z-f-shopcart z-text-green"></i></td>
<td><i class="z-font z-f-shopcart z-text-cyan"></i></td>
<td><i class="z-font z-f-shopcart z-text-blue"></i></td>
<td><i class="z-font z-f-shopcart z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-heart</td>
<td class="z-samp">&#xf0ae;</td>
<td><i class="z-font z-f-heart"></i></td>
<td class="z-bg-black"><i class="z-font z-f-heart z-text-white"></i></td>
<td><i class="z-font z-f-heart z-text-gray"></i></td>
<td><i class="z-font z-f-heart z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-heart z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-heart z-text-yellow"></i></td>
<td><i class="z-font z-f-heart z-text-green"></i></td>
<td><i class="z-font z-f-heart z-text-cyan"></i></td>
<td><i class="z-font z-f-heart z-text-blue"></i></td>
<td><i class="z-font z-f-heart z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-bell</td>
<td class="z-samp">&#xf0af;</td>
<td><i class="z-font z-f-bell"></i></td>
<td class="z-bg-black"><i class="z-font z-f-bell z-text-white"></i></td>
<td><i class="z-font z-f-bell z-text-gray"></i></td>
<td><i class="z-font z-f-bell z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-bell z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-bell z-text-yellow"></i></td>
<td><i class="z-font z-f-bell z-text-green"></i></td>
<td><i class="z-font z-f-bell z-text-cyan"></i></td>
<td><i class="z-font z-f-bell z-text-blue"></i></td>
<td><i class="z-font z-f-bell z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-alarm-clock</td>
<td class="z-samp">&#xf0b0;</td>
<td><i class="z-font z-f-alarm-clock"></i></td>
<td class="z-bg-black"><i class="z-font z-f-alarm-clock z-text-white"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-gray"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-yellow"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-green"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-cyan"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-blue"></i></td>
<td><i class="z-font z-f-alarm-clock z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-clock</td>
<td class="z-samp">&#xf0b1;</td>
<td><i class="z-font z-f-clock"></i></td>
<td class="z-bg-black"><i class="z-font z-f-clock z-text-white"></i></td>
<td><i class="z-font z-f-clock z-text-gray"></i></td>
<td><i class="z-font z-f-clock z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-clock z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-clock z-text-yellow"></i></td>
<td><i class="z-font z-f-clock z-text-green"></i></td>
<td><i class="z-font z-f-clock z-text-cyan"></i></td>
<td><i class="z-font z-f-clock z-text-blue"></i></td>
<td><i class="z-font z-f-clock z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-calendar</td>
<td class="z-samp">&#xf0b2;</td>
<td><i class="z-font z-f-calendar"></i></td>
<td class="z-bg-black"><i class="z-font z-f-calendar z-text-white"></i></td>
<td><i class="z-font z-f-calendar z-text-gray"></i></td>
<td><i class="z-font z-f-calendar z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-calendar z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-calendar z-text-yellow"></i></td>
<td><i class="z-font z-f-calendar z-text-green"></i></td>
<td><i class="z-font z-f-calendar z-text-cyan"></i></td>
<td><i class="z-font z-f-calendar z-text-blue"></i></td>
<td><i class="z-font z-f-calendar z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-shop</td>
<td class="z-samp">&#xf0b3;</td>
<td><i class="z-font z-f-shop"></i></td>
<td class="z-bg-black"><i class="z-font z-f-shop z-text-white"></i></td>
<td><i class="z-font z-f-shop z-text-gray"></i></td>
<td><i class="z-font z-f-shop z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-shop z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-shop z-text-yellow"></i></td>
<td><i class="z-font z-f-shop z-text-green"></i></td>
<td><i class="z-font z-f-shop z-text-cyan"></i></td>
<td><i class="z-font z-f-shop z-text-blue"></i></td>
<td><i class="z-font z-f-shop z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-five-star</td>
<td class="z-samp">&#xf0b4;</td>
<td><i class="z-font z-f-five-star"></i></td>
<td class="z-bg-black"><i class="z-font z-f-five-star z-text-white"></i></td>
<td><i class="z-font z-f-five-star z-text-gray"></i></td>
<td><i class="z-font z-f-five-star z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-five-star z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-five-star z-text-yellow"></i></td>
<td><i class="z-font z-f-five-star z-text-green"></i></td>
<td><i class="z-font z-f-five-star z-text-cyan"></i></td>
<td><i class="z-font z-f-five-star z-text-blue"></i></td>
<td><i class="z-font z-f-five-star z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-warehouse</td>
<td class="z-samp">&#xf0b5;</td>
<td><i class="z-font z-f-warehouse"></i></td>
<td class="z-bg-black"><i class="z-font z-f-warehouse z-text-white"></i></td>
<td><i class="z-font z-f-warehouse z-text-gray"></i></td>
<td><i class="z-font z-f-warehouse z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-warehouse z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-warehouse z-text-yellow"></i></td>
<td><i class="z-font z-f-warehouse z-text-green"></i></td>
<td><i class="z-font z-f-warehouse z-text-cyan"></i></td>
<td><i class="z-font z-f-warehouse z-text-blue"></i></td>
<td><i class="z-font z-f-warehouse z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-coupon</td>
<td class="z-samp">&#xf0b6;</td>
<td><i class="z-font z-f-coupon"></i></td>
<td class="z-bg-black"><i class="z-font z-f-coupon z-text-white"></i></td>
<td><i class="z-font z-f-coupon z-text-gray"></i></td>
<td><i class="z-font z-f-coupon z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-coupon z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-coupon z-text-yellow"></i></td>
<td><i class="z-font z-f-coupon z-text-green"></i></td>
<td><i class="z-font z-f-coupon z-text-cyan"></i></td>
<td><i class="z-font z-f-coupon z-text-blue"></i></td>
<td><i class="z-font z-f-coupon z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-card</td>
<td class="z-samp">&#xf0b7;</td>
<td><i class="z-font z-f-card"></i></td>
<td class="z-bg-black"><i class="z-font z-f-card z-text-white"></i></td>
<td><i class="z-font z-f-card z-text-gray"></i></td>
<td><i class="z-font z-f-card z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-card z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-card z-text-yellow"></i></td>
<td><i class="z-font z-f-card z-text-green"></i></td>
<td><i class="z-font z-f-card z-text-cyan"></i></td>
<td><i class="z-font z-f-card z-text-blue"></i></td>
<td><i class="z-font z-f-card z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-diamond</td>
<td class="z-samp">&#xf0b8;</td>
<td><i class="z-font z-f-diamond"></i></td>
<td class="z-bg-black"><i class="z-font z-f-diamond z-text-white"></i></td>
<td><i class="z-font z-f-diamond z-text-gray"></i></td>
<td><i class="z-font z-f-diamond z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-diamond z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-diamond z-text-yellow"></i></td>
<td><i class="z-font z-f-diamond z-text-green"></i></td>
<td><i class="z-font z-f-diamond z-text-cyan"></i></td>
<td><i class="z-font z-f-diamond z-text-blue"></i></td>
<td><i class="z-font z-f-diamond z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-compass</td>
<td class="z-samp">&#xf0b9;</td>
<td><i class="z-font z-f-compass"></i></td>
<td class="z-bg-black"><i class="z-font z-f-compass z-text-white"></i></td>
<td><i class="z-font z-f-compass z-text-gray"></i></td>
<td><i class="z-font z-f-compass z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-compass z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-compass z-text-yellow"></i></td>
<td><i class="z-font z-f-compass z-text-green"></i></td>
<td><i class="z-font z-f-compass z-text-cyan"></i></td>
<td><i class="z-font z-f-compass z-text-blue"></i></td>
<td><i class="z-font z-f-compass z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-goods</td>
<td class="z-samp">&#xf0ba;</td>
<td><i class="z-font z-f-goods"></i></td>
<td class="z-bg-black"><i class="z-font z-f-goods z-text-white"></i></td>
<td><i class="z-font z-f-goods z-text-gray"></i></td>
<td><i class="z-font z-f-goods z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-goods z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-goods z-text-yellow"></i></td>
<td><i class="z-font z-f-goods z-text-green"></i></td>
<td><i class="z-font z-f-goods z-text-cyan"></i></td>
<td><i class="z-font z-f-goods z-text-blue"></i></td>
<td><i class="z-font z-f-goods z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-key</td>
<td class="z-samp">&#xf0bb;</td>
<td><i class="z-font z-f-key"></i></td>
<td class="z-bg-black"><i class="z-font z-f-key z-text-white"></i></td>
<td><i class="z-font z-f-key z-text-gray"></i></td>
<td><i class="z-font z-f-key z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-key z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-key z-text-yellow"></i></td>
<td><i class="z-font z-f-key z-text-green"></i></td>
<td><i class="z-font z-f-key z-text-cyan"></i></td>
<td><i class="z-font z-f-key z-text-blue"></i></td>
<td><i class="z-font z-f-key z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-gold</td>
<td class="z-samp">&#xf0bc;</td>
<td><i class="z-font z-f-gold"></i></td>
<td class="z-bg-black"><i class="z-font z-f-gold z-text-white"></i></td>
<td><i class="z-font z-f-gold z-text-gray"></i></td>
<td><i class="z-font z-f-gold z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-gold z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-gold z-text-yellow"></i></td>
<td><i class="z-font z-f-gold z-text-green"></i></td>
<td><i class="z-font z-f-gold z-text-cyan"></i></td>
<td><i class="z-font z-f-gold z-text-blue"></i></td>
<td><i class="z-font z-f-gold z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-smiling</td>
<td class="z-samp">&#xf0bd;</td>
<td><i class="z-font z-f-smiling"></i></td>
<td class="z-bg-black"><i class="z-font z-f-smiling z-text-white"></i></td>
<td><i class="z-font z-f-smiling z-text-gray"></i></td>
<td><i class="z-font z-f-smiling z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-smiling z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-smiling z-text-yellow"></i></td>
<td><i class="z-font z-f-smiling z-text-green"></i></td>
<td><i class="z-font z-f-smiling z-text-cyan"></i></td>
<td><i class="z-font z-f-smiling z-text-blue"></i></td>
<td><i class="z-font z-f-smiling z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-car</td>
<td class="z-samp">&#xf0be;</td>
<td><i class="z-font z-f-car"></i></td>
<td class="z-bg-black"><i class="z-font z-f-car z-text-white"></i></td>
<td><i class="z-font z-f-car z-text-gray"></i></td>
<td><i class="z-font z-f-car z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-car z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-car z-text-yellow"></i></td>
<td><i class="z-font z-f-car z-text-green"></i></td>
<td><i class="z-font z-f-car z-text-cyan"></i></td>
<td><i class="z-font z-f-car z-text-blue"></i></td>
<td><i class="z-font z-f-car z-text-purple"></i></td>
</tr>
<tr>
<td class="z-samp">.z-font.z-f-people</td>
<td class="z-samp">&#xf0bf;</td>
<td><i class="z-font z-f-people"></i></td>
<td class="z-bg-black"><i class="z-font z-f-people z-text-white"></i></td>
<td><i class="z-font z-f-people z-text-gray"></i></td>
<td><i class="z-font z-f-people z-text-red zi-px20"></i></td>
<td><i class="z-font z-f-people z-text-orange zi-px18"></i></td>
<td><i class="z-font z-f-people z-text-yellow"></i></td>
<td><i class="z-font z-f-people z-text-green"></i></td>
<td><i class="z-font z-f-people z-text-cyan"></i></td>
<td><i class="z-font z-f-people z-text-blue"></i></td>
<td><i class="z-font z-f-people z-text-purple"></i></td>
</tr>
</table>
${zhiqim_com_chapter()}
</div>
<!-- 主体结束 -->
</div>
<!-- 容器结束 -->
</div>
${zhiqim_com_footer()}