IconFont 图标

• search
  .icon-search
• hidden-password
  .icon-hiddenpassword
• show-password
  .icon-showpassword
• people
  .icon-yidiandiantubiao08
• cc-arrow-left
  .icon-cc-arrow-left
• cc-arrow-right
  .icon-cc-arrow-right
• people
  .icon-people
• phone
  .icon-phone
• reSearch
  .icon-research
• reduce
  .icon-reduce
• search
  .icon-search1
• phone call
  .icon-phonecall
• phone_04
  .icon-phone04
• phone_06
  .icon-phone06
• LC_icon_search_line_1
  .icon-LC_icon_search_line_1
• map
  .icon-dizhi1
• menu
  .icon-menu
• photo
  .icon-photo
• arrow-right-o
  .icon-52
• menu3
  .icon-3401caidan
• meal_fill_MT_UI
  .icon-mealfillmtui
• mailbox_icon
  .icon-mailboxicon
• wan_map
  .icon-map
• ProductionEngineering
  .icon-productionengineering
• password
  .icon-password
• password
  .icon-mima
• arrow_u
  .icon-arrow_u
• arrow_d
  .icon-arrow_d
• menu
  .icon-menu1
• mailbox
  .icon-mailbox
• extra meal
  .icon-extrameal
• address
  .icon-address
• map
  .icon-map1
• date
  .icon-date
• date
  .icon-date1
• date
  .icon-date2
• menu
  .icon-menu2
• money_3_coloring
  .icon-money3coloring
• search
  .icon-search2
• add
  .icon-add
• phone
  .icon-phone1
• Add
  .icon-add1
• reduce
  .icon-reduce1
• address-card
  .icon-address-card
• sq-password
  .icon-icons-
• photo
  .icon-photo1
• map
  .icon-map2
• arrow
  .icon-jiantou
• photo
  .icon-photo2
• people
  .icon-people1
• phone
  .icon-woyaoqingsu
• money
  .icon-money
• people
  .icon-people2
• lend money
  .icon-lendmoney
• date
  .icon-date3
• money
  .icon-money1

font-class引用

---

font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。

与unicode使用方式相比，具有如下特点：

• 兼容性良好，支持ie8+，及所有现代浏览器。
• 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。
• 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。
• 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

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

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

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

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

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