一、icommon 字体图标基本使用
----
字体图标 指的是 将图标做成字体样式 , 在 放图标的地方 使用 文字 即可实现 图标显示 ;
1、生成 icommon 字体文件
进入 https://...网页同级目录中, 该 fonts 目录是字体文件所在目录 , 下面的四个文件就是字体文件 ;
查看 icomoon 目录中的 demo.html 网页 , 里面有字体中图标对应的编码 ;
下图中..., 房子对应的字体编码是 e900 , 右侧的 是字体的占位符 ;
2、字体图标基本使用
代码示例 :
<!...icommon 字体图标显示
----
上述代码示例中 , 使用了字体图标 , 在 div 标签中 嵌入了 span 标签 ;
如果使用伪元素 , 在其中插入标签 , 可以不使用 span 标签 ,...-- 使用伪元素选择器 向 p 标签直接插入字体 可以节省一层标签 -->
显示效果 :
