首页 > 工具素材 > 网页图标,字体图标 >  Elegant Icon Font字体图标正文

Elegant Icon Font字体图标

资源介绍
Elegant Icon Font字体图标
Elegant Icon Font字体图标

    Elegant Icon Font字体图标是一款多达350多个图标字体图标库,图标设计好看全面,使用非常简单,而且兼容到IE7,体积也不大。可以和 font awesome 等相媲美。而且使用起来比 font awesome 更加方便。点击Elegant Icon Font字体图标在线预览。
使用方法
    1、下载解压,得到三个文件或文件夹:fonts、lte-ie7.js、style.css,将它们放入您的项目中,注意三者的位置,不要导致引入出错。
    2、引入style.css,如果您已经有了style.css,请将这个css文件重命名,不会导致字体引入出错的。
    3、如果您需要兼容到IE7及IE6,将lte-ie7.js也引入。
    4、在您的项目文件中,使用Elegant Icon Font字体的方法:
        1)挂class方法(具体可以参考Elegant Icon Font字体图标,往下翻,有每个图标对应的class类名):
<div class="arrow_move"></div>
          2)data-icon属性方法(具体可以参考Elegant Icon Font字体图标,直接点击图标下面的input框,复制):
<div data-icon="&#x31;"></div>