森中灵 最后提交于1年前 整理V8.0.6

<#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文件中，当前开发和收集的图标分
        操作类、文档类、设备类、图表类、实体类五种，共五十九个图标。
        字体图标不支持斜体，以便使用&lt;i&gt;标签来定义，如&lt;i class="z-font z-config"&gt;&lt;/i&gt;
    </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">&amp;#xf000;</td>
    <td width="7%"><i class="z-font z-config"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td width="8%"><i class="z-font z-config z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf001;</td>
    <td><i class="z-font z-add"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-add z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf002;</td>
    <td><i class="z-font z-modify"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-modify z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf003;</td>
    <td><i class="z-font z-delete"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-delete z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf004;</td>
    <td><i class="z-font z-query"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-query z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf005;</td>
    <td><i class="z-font z-previous"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-previous z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf006;</td>
    <td><i class="z-font z-next"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-next z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf007;</td>
    <td><i class="z-font z-open"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-open z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf008;</td>
    <td><i class="z-font z-close"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-close z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf009;</td>
    <td><i class="z-font z-upload"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-upload z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00a;</td>
    <td><i class="z-font z-save"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-save z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00b;</td>
    <td><i class="z-font z-return"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-return z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00c;</td>
    <td><i class="z-font z-refresh"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-refresh z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00d;</td>
    <td><i class="z-font z-success"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-success z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00e;</td>
    <td><i class="z-font z-error"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-error z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf00f;</td>
    <td><i class="z-font z-setting"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-setting z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf010;</td>
    <td><i class="z-font z-share"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-share z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf011;</td>
    <td><i class="z-font z-download"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-download z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf012;</td>
    <td><i class="z-font z-f-addfile"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-addfile z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf013;</td>
    <td><i class="z-font z-f-address"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-address z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf014;</td>
    <td><i class="z-font z-f-praise"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-praise z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf015;</td>
    <td><i class="z-font z-f-diss"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-diss z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf016;</td>
    <td><i class="z-font z-f-display"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-display z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf017;</td>
    <td><i class="z-font z-f-nodisplay"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-nodisplay z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf018;</td>
    <td><i class="z-font z-f-negative"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-negative z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf019;</td>
    <td><i class="z-font z-f-skin"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-skin z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01a;</td>
    <td><i class="z-font z-f-copy"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-copy z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01b;</td>
    <td><i class="z-font z-f-tips"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-tips z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01c;</td>
    <td><i class="z-font z-f-notice"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-notice z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01d;</td>
    <td><i class="z-font z-f-signin"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-signin z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01e;</td>
    <td><i class="z-font z-f-consult"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-consult z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf01f;</td>
    <td><i class="z-font z-f-message"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-message z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf020;</td>
    <td><i class="z-font z-f-community"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-community z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf021;</td>
    <td><i class="z-font z-f-info"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-info z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf022;</td>
    <td><i class="z-font z-f-wangwang"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-wangwang z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf023;</td>
    <td><i class="z-font z-f-space"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-space z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf024;</td>
    <td><i class="z-font z-f-problem"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-problem z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf025;</td>
    <td><i class="z-font z-f-warning"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-warning z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf026;</td>
    <td><i class="z-font z-f-play"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-play z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf027;</td>
    <td><i class="z-font z-f-hot"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-hot z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf028;</td>
    <td><i class="z-font z-f-safe"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-safe z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf029;</td>
    <td><i class="z-font z-f-task"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-task z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02a;</td>
    <td><i class="z-font z-f-assignment"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-assignment z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02b;</td>
    <td><i class="z-font z-f-activity"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-activity z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02c;</td>
    <td><i class="z-font z-f-edit"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-edit z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02d;</td>
    <td><i class="z-font z-f-function"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-function z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02e;</td>
    <td><i class="z-font z-f-serve"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-serve z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf02f;</td>
    <td><i class="z-font z-f-more"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-more z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf030;</td>
    <td><i class="z-font z-f-on"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-on z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf031;</td>
    <td><i class="z-font z-f-off"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-off z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf032;</td>
    <td><i class="z-font z-f-hyperlink"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-hyperlink z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf033;</td>
    <td><i class="z-font z-f-unhyperlink"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-unhyperlink z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf034;</td>
    <td><i class="z-font z-f-undo"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-undo z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf035;</td>
    <td><i class="z-font z-f-redo"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-redo z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf036;</td>
    <td><i class="z-font z-f-clearformat"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-clearformat z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf037;</td>
    <td><i class="z-font z-f-clearall"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-clearall z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf038;</td>
    <td><i class="z-font z-f-selectall"></i>&nbsp;字体</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>&nbsp;<span class="zi-px20">字体</span></td>
    <td><i class="z-font z-f-selectall z-text-orange zi-px18"></i>&nbsp;<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">&amp;#xf040;</td>
    <td width="7%"><i class="z-font z-folder"></i>&nbsp;字体</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">&amp;#xf041;</td>
    <td><i class="z-font z-collect"></i>&nbsp;字体</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">&amp;#xf042;</td>
    <td><i class="z-font z-briefcase"></i>&nbsp;字体</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">&amp;#xf043;</td>
    <td><i class="z-font z-image-text"></i>&nbsp;字体</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">&amp;#xf044;</td>
    <td><i class="z-font z-text"></i>&nbsp;字体</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">&amp;#xf045;</td>
    <td><i class="z-font z-picture"></i>&nbsp;字体</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">&amp;#xf046;</td>
    <td><i class="z-font z-video"></i>&nbsp;字体</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">&amp;#xf047;</td>
    <td><i class="z-font z-voice"></i>&nbsp;字体</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">&amp;#xf048;</td>
    <td><i class="z-font z-camera"></i>&nbsp;字体</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">&amp;#xf049;</td>
    <td><i class="z-font z-print"></i>&nbsp;字体</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">&amp;#xf04a;</td>
    <td><i class="z-font z-f-code"></i>&nbsp;字体</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">&amp;#xf04b;</td>
    <td><i class="z-font z-f-order"></i>&nbsp;字体</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">&amp;#xf04c;</td>
    <td><i class="z-font z-f-news"></i>&nbsp;字体</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">&amp;#xf04d;</td>
    <td><i class="z-font z-f-course"></i>&nbsp;字体</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">&amp;#xf04e;</td>
    <td><i class="z-font z-f-userinfo"></i>&nbsp;字体</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">&amp;#xf04f;</td>
    <td><i class="z-font z-f-tag"></i>&nbsp;字体</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">&amp;#xf050;</td>
    <td><i class="z-font z-f-templet"></i>&nbsp;字体</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">&amp;#xf051;</td>
    <td><i class="z-font z-f-project"></i>&nbsp;字体</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">&amp;#xf052;</td>
    <td><i class="z-font z-f-doc"></i>&nbsp;字体</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">&amp;#xf053;</td>
    <td><i class="z-font z-f-htm"></i>&nbsp;字体</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">&amp;#xf054;</td>
    <td><i class="z-font z-f-pdf"></i>&nbsp;字体</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">&amp;#xf055;</td>
    <td><i class="z-font z-f-ppt"></i>&nbsp;字体</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">&amp;#xf056;</td>
    <td><i class="z-font z-f-txt"></i>&nbsp;字体</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">&amp;#xf057;</td>
    <td><i class="z-font z-f-srt"></i>&nbsp;字体</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">&amp;#xf058;</td>
    <td><i class="z-font z-f-xls"></i>&nbsp;字体</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">&amp;#xf059;</td>
    <td><i class="z-font z-f-iso"></i>&nbsp;字体</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">&amp;#xf05a;</td>
    <td><i class="z-font z-f-rar"></i>&nbsp;字体</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">&amp;#xf05b;</td>
    <td><i class="z-font z-f-zip"></i>&nbsp;字体</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">&amp;#xf05c;</td>
    <td><i class="z-font z-f-background"></i>&nbsp;字体</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">&amp;#xf05d;</td>
    <td><i class="z-font z-f-bold"></i>&nbsp;字体</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">&amp;#xf05e;</td>
    <td><i class="z-font z-f-aligncenter"></i>&nbsp;字体</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">&amp;#xf05f;</td>
    <td><i class="z-font z-f-alignleft"></i>&nbsp;字体</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">&amp;#xf140;</td>
    <td><i class="z-font z-f-alignright"></i>&nbsp;字体</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">&amp;#xf141;</td>
    <td><i class="z-font z-f-sourcecode"></i>&nbsp;字体</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">&amp;#xf142;</td>
    <td><i class="z-font z-f-fontcolor"></i>&nbsp;字体</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">&amp;#xf143;</td>
    <td><i class="z-font z-f-italic"></i>&nbsp;字体</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">&amp;#xf144;</td>
    <td><i class="z-font z-f-underline"></i>&nbsp;字体</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">&amp;#xf145;</td>
    <td><i class="z-font z-f-superscript"></i>&nbsp;字体</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">&amp;#xf146;</td>
    <td><i class="z-font z-f-subscript"></i>&nbsp;字体</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">&amp;#xf147;</td>
    <td><i class="z-font z-f-image"></i>&nbsp;字体</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">&amp;#xf148;</td>
    <td><i class="z-font z-f-unorderedlist"></i>&nbsp;字体</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">&amp;#xf149;</td>
    <td><i class="z-font z-f-orderedlist"></i>&nbsp;字体</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">&amp;#xf14a;</td>
    <td><i class="z-font z-f-strikethrough"></i>&nbsp;字体</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">&amp;#xf14b;</td>
    <td><i class="z-font z-f-symbol"></i>&nbsp;字体</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">&amp;#xf060;</td>
    <td width="7%"><i class="z-font z-computer"></i>&nbsp;字体</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">&amp;#xf061;</td>
    <td><i class="z-font z-phone"></i>&nbsp;字体</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">&amp;#xf062;</td>
    <td><i class="z-font z-monitor"></i>&nbsp;字体</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">&amp;#xf063;</td>
    <td><i class="z-font z-email"></i>&nbsp;字体</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">&amp;#xf064;</td>
    <td><i class="z-font z-internet"></i>&nbsp;字体</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">&amp;#xf065;</td>
    <td><i class="z-font z-switch"></i>&nbsp;字体</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">&amp;#xf066;</td>
    <td><i class="z-font z-wifi"></i>&nbsp;字体</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">&amp;#xf067;</td>
    <td><i class="z-font z-cloud"></i>&nbsp;字体</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">&amp;#xf068;</td>
    <td><i class="z-font z-port"></i>&nbsp;字体</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">&amp;#xf069;</td>
    <td><i class="z-font z-f-telephone"></i>&nbsp;字体</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">&amp;#xf06a;</td>
    <td><i class="z-font z-f-treemodel"></i>&nbsp;字体</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">&amp;#xf06b;</td>
    <td><i class="z-font z-f-qrcode"></i>&nbsp;字体</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">&amp;#xf06c;</td>
    <td><i class="z-font z-f-database"></i>&nbsp;字体</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">&amp;#xf06d;</td>
    <td><i class="z-font z-f-email-open"></i>&nbsp;字体</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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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">&amp;#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()}