IconFont 图标

• cat
  .icon-black-cat
• cat-in-white-silhoue
  .icon-white-cat
• markdown
  .icon-markdown
• uniE6A3
  .icon-right
• uniE6A0
  .icon-caidan
• uniE6B4
  .icon-delete
• uniE6BC
  .icon-message
• uniE6BF
  .icon-link
• uniE6C4
  .icon-weibo
• uniE6E5
  .icon-info
• uniE6EB
  .icon-forward
• uniE6F3
  .icon-share
• uniE6DE
  .icon-fold
• uniE64B
  .icon-favorfill
• uniE65F
  .icon-time
• uniE64C
  .icon-favor
• uniE66F
  .icon-weixin
• uniE66C
  .icon-github
• uniE66B
  .icon-notification
• uniE68C
  .icon-tags
• uniE69F
  .icon-pulldown
• uniE65C
  .icon-search
• uniE71F
  .icon-pullleft
• uniE70A
  .icon-notice
• uniE73D
  .icon-attention
• uniE75C
  .icon-rounddown
• uniE75D
  .icon-upload
• uniE607
  .icon-douban
• uniE604
  .icon-QQ
• uniE628
  .icon-caidan1
• uniE6E3
  .icon-appreciatefill
• uniE644
  .icon-appreciate
• uniE646
  .icon-close
• uniE74A
  .icon-calendar
• uniE651
  .icon-location
• uniE645
  .icon-check
• uniE657
  .icon-roundcheck
• uniE665
  .icon-camera
• uniE668
  .icon-likefill
• uniE663
  .icon-warn
• uniE667
  .icon-comment
• uniE669
  .icon-like
• uniE679
  .icon-back
• uniE686
  .icon-my1
• uniE684
  .icon-more
• uniE691
  .icon-question
• uniE720
  .icon-pullright
• uniE708
  .icon-countdown
• uniE731
  .icon-mark
• uniE661
  .icon-unfold
• uniE739
  .icon-file
• uniE78B
  .icon-my
• uniE761
  .icon-write
• uniE741
  .icon-community
• uniE758
  .icon-hot
• uniE791
  .icon-text
• uniE769
  .icon-menu
• bing
  .icon-bing
• sakura-black
  .icon-sakura
• pixiv-gray
  .icon-pixiv
• gear
  .icon-gear
• dots
  .icon-dots

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"。