出现这种情况的原因可能是安装了某些软件（比如OFFICE、FIREFOX）后，被擅自修改了关联图标的原因造成的。
解决方法：（暂无配图）
1、打开注册表：运行—>输入regedit—>打开HKEY_CLASSES_ROOT—>找到.htm和.html—>双击右边的“默认”，确认其数值数据为 htmlfile
2、找到 htmlfile\ShellEx\IconHandler—>双击右边的“默认”，确认其数值数据为 {42042206-2D85-11D3-8CFF-005004838597}
3、找到 CLSID\{42042206-2D85-11D3-8CFF-005004838597}\Old Icon\htmlfile\DefaultIcon —>双击右边的“默认”，确认其数值数据为 C:\Program Files\internet explorer\IEXPLORE.EXE,1 （注：C 改为你的系统所在的盘符）
4、修改完这些后，刷新文件夹，看看图标是否正常，如果还没正常的话，就先把.htm或.html的文件扩展名改为.exe，然后在改回.htm或.html
通过这几个步骤，基本上能解决问题了。
在html中使用图标字体的方法：
1、创建自己的iconfont，推荐使用iconmoon，使用它可以通过上传SVG或者字体来生成你需要的icon字体，本文在线演示使用iconmoon生成。
步骤1：选择页面提供的或者上传自己的
步骤2：指定字符映射
3、导入到页面使用css：
style.css写法如下：
@font-face
{
font-family:
'icomoon'
src:url('fonts/icomoon.eot')
src:url('fonts/icomoon.eot?#iefix')
format('embedded-opentype'),
url('fonts/icomoon.woff')
format('woff'),
url('fonts/icomoon.ttf')
format('truetype'),
url('fonts/icomoon.svg#icomoon')
format('svg')
font-weight:
normal
font-style:
normal
}
