加入字库文件以及字体图标请看这篇文章

https://x1.php168.com/bbs/show-18942.html

本节仅讲解怎么实现 ICON图标字体实现分页选取

如图所示：

点击此图标会出现图标字体选中页，默认时无分页得，强迫症不能惯太麻烦

于是继续修改代码效果如下

如果再想自己加字体分页，具体实现方法复制下面得一组li标签，并修改tab4为不与前面得tab数字重复即可，然后将一行行div替换成字体代码即可。

不想动手没关系请回复下载以下附件自行替换

已测试  edge、谷歌浏览器、火狐、ie11没有兼容性问题。

其他相关文章：

icon字体图标自行添加具体过程(一)

有想改进布局模板得进来    有需要得可以按照代码自行修改 （代码已分享）