<#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()}
${zhiqim_com_ui("tutorial", "ui", "css", "font")}
${zhiqim_com_breadcrumb("文库", "教程", "字体图标")}
<#-- 标题 -->

什么是“字体图标”?

“字体图标”是矢量图片按字体规范设计的一种新的图标,知启蒙字体图标放在/service/res/font/zhiqim.woff文件中,当前开发和收集的图标分 操作类、文档类、设备类、图表类、实体类五种,共五十九个图标。 字体图标不支持斜体,以便使用<i>标签来定义,如<i class="z-font z-config"></i>

<#-- 操作类 -->
一、操作类图标,编码范围(f000-f03f),共18个
样式 编码 图标
.z-font.z-config &#xf000;  字体  字体  字体
.z-font.z-add &#xf001;  字体  字体  字体
.z-font.z-modify &#xf002;  字体  字体  字体
.z-font.z-delete &#xf003;  字体  字体  字体
.z-font.z-query &#xf004;  字体  字体  字体
.z-font.z-previous &#xf005;  字体  字体  字体
.z-font.z-next &#xf006;  字体  字体  字体
.z-font.z-open &#xf007;  字体  字体  字体
.z-font.z-close &#xf008;  字体  字体  字体
.z-font.z-upload &#xf009;  字体  字体  字体
.z-font.z-save或.z-font.z-finish &#xf00a;  字体  字体  字体
.z-font.z-return &#xf00b;  字体  字体  字体
.z-font.z-refresh &#xf00c;  字体  字体  字体
.z-font.z-success &#xf00d;  字体  字体  字体
.z-font.z-error &#xf00e;  字体  字体  字体
.z-font.z-setting &#xf00f;  字体  字体  字体
.z-font.z-share &#xf010;  字体  字体  字体
.z-font.z-download &#xf011;  字体  字体  字体
<#-- 文档类 -->
二、文档类图标,编码范围(f040-f05f),共10个
样式 编码 图标
.z-font.z-folder &#xf040;  字体
.z-font.z-collect &#xf041;  字体
.z-font.z-briefcase &#xf042;  字体
.z-font.z-image-text &#xf043;  字体
.z-font.z-text &#xf044;  字体
.z-font.z-picture &#xf045;  字体
.z-font.z-video &#xf046;  字体
.z-font.z-voice &#xf047;  字体
.z-font.z-camera &#xf048;  字体
.z-font.z-print &#xf049;  字体
<#-- 设备类 -->
三、设备类图标,编码范围(f060-f07f),共9个
样式 编码 图标
.z-font.z-computer &#xf060;  字体
.z-font.z-phone &#xf061;  字体
.z-font.z-monitor &#xf062;  字体
.z-font.z-email &#xf063;  字体
.z-font.z-internet &#xf064;  字体
.z-font.z-switch &#xf065;  字体
.z-font.z-wifi &#xf066;  字体
.z-font.z-cloud &#xf067;  字体
.z-font.z-port &#xf068;  字体
<#-- 图表类 -->
四、图表类图标,编码范围(f080-f09f),共14个
样式 编码 图标
.z-font.z-list &#xf080;
.z-font.z-apps &#xf081;
.z-font.z-pie-chart &#xf082;
.z-font.z-histogram &#xf083;
.z-font.z-graph &#xf084;
.z-font.z-diagram &#xf085;
.z-font.z-arrow-down &#xf086;
.z-font.z-arrow-up &#xf087;
.z-font.z-arrow-left &#xf088;
.z-font.z-arrow-right &#xf089;
.z-font.z-arrowhead-down &#xf08a;
.z-font.z-arrowhead-up &#xf08b;
.z-font.z-arrowhead-left &#xf08c;
.z-font.z-arrowhead-right &#xf08c;
<#-- 实体类 -->
五、实体类图标,编码范围(f0a0-f0bf),共8个
样式 编码 图标
.z-font.z-customer &#xf0a0;
.z-font.z-cash &#xf0a1;
.z-font.z-house &#xf0a2;
.z-font.z-flower &#xf0a3;
.z-font.z-box &#xf0a4;
.z-font.z-desk &#xf0a5;
.z-font.z-gift &#xf0a6;
.z-font.z-lock &#xf0a7;
${zhiqim_com_chapter()}
${zhiqim_com_footer()}