纯 css icons 图标，只使用一个 i 标签，减少请求量

[kai1992]

css-icons

github 地址 CSS-ICONS

使用方法

直接引入 css 就可以，由于效果是 css3 实现，所以建议在手机端页面引用。

<link rel="stylesheet" href="icons.css">

例子

加上 class

    <i class="css-icon-close-circle"></i>

就可以看到效果

目前有 60 个图标，还会继续添加更新... 点击页面图标就可以看到 class 名称

[yangg]

至少单位用 em 吧。

[swift]

iconfont 才是正道，矢量图，颜色，大小随便设置

[SourceMan]

减少请求量已经是上个前端时代的优化需求了。

[SourceMan]

哈哈哈，来了应景的 bug

[kai1992]

@yangg 有道理

[kai1992]

@swift 有道理

[kai1992]

@SourceMan 好吧

[xxxyyy]

@swift svg 才是正道

[learnshare]

css 绘图只是玩玩，真搞起来太费时间

[Kilerd]

@learnshare 主要是消耗渲染时间。

[learnshare]

@Kilerd 是写起来费时间，性能上不是问题

[kai1992]

@learnshare 所以慢慢积累起来，就方便了

[learnshare]

@kai1992 总不如 AI/Sketch 搞一搞，做成 字体 /SVG 来得方便

闲事用 CSS 画一画倒也是一种乐趣