icomoon字体图标使用步骤(89)

 先把下载好的iconmoon字体图标压缩包解压一下!

icomoon字体图标使用步骤(89) 

icomoon字体图标使用步骤(89)

把fonts文件复制到页面根目录下!

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

可以看看里面的东西有四个子文件!

icomoon字体图标使用步骤(89)

第二步:进行字体声明:

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

 三:进行使用,从demo.html中进行复制:

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

有两种方法:一:是直接用后面的小方块。二是用前面的字符(如e901).

 

 

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

在下面中也要声明font-family:'iconmoon';

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)

第二种方法利用伪元素直接来做:

icomoon字体图标使用步骤(89)

icomoon字体图标使用步骤(89)