html文件的图标有些显示不正常是什么原因？应如何解决？

html-css014

html文件的图标有些显示不正常是什么原因？应如何解决？,第1张

出现这种情况的原因可能是安装了某些软件（比如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

 

 }