# 文档


````html
<link rel="stylesheet" href="../lib/index.css" />
````

```js
require('face-icon/lib/index.css')
```
[source less](https://github.com/onface/icon/tree/master/lib)

https://unpkg.com/face-icon@latest/lib/index.css

https://unpkg.com/face-icon@latest/lib/font/


<blockquote cite="http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=790">
    图标来源 ant-design <a href="http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=790">http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=790</a>
</blockquote>
<span class="fi fi-up"></span>
<span class="fi fi-up-o"></span>
<span class="fi fi-up-f"></span>
<span class="fi fi-up-of"></span>
<span class="fi fi-up-s"></span>
<span class="fi fi-up-sf"></span>
<pre>
<code>&lt;span class="fi fi-${name}" &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-${name}-${status}" &gt;&lt;/span&gt;</code>

<code>&lt;span class="fi fi-up &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-up-o &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-up-f &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-up-of &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-up-s &gt;&lt;/span&gt;</code>
<code>&lt;span class="fi fi-up-sf &gt;&lt;/span&gt;</code>
</pre>


````code
{
    title: '基础使用',
    desc: '`onfaceIconData.render(function (item) {})`',
    html: '<div id="basic-demo" ></div>',
    js: './basic.demo.js',
    source: './basic.demo.js',
    open: true
}
````


<style>
.icon {
    display: inline-block;
    color: #666;
    font-size:2em;
    margin-right: .5em;
    margin-bottom: .5em;
    width: 3.5em;
    height: 2em;
    text-align: center;
}
.icon .fi {
    font-size: 1em;
}
.icon-text {
    text-align: center;
    font-size: .2em;
    display: block;
}
body {
    word-break: break-all;
}
</style>