HTM和HTML的文件图标不能正常显示,显示为无关联应用程序的白板图标,搞了很久都没能解决,最后综合了几种方法才“搞定”她!
出现这种情况的原因可能是安装了某些软件(比如OFFICE、FIREFOX)后,被擅自修改了关联图标的原因造成的。
解决方法:
1、打开注册表:运行—> 输入regedit—> 打开HKEY_CLASSES_ROOT—>
2、找到.htm和.html—> 双击右边的“默认”,确认其数值数据为 htmlfile
3、找到 htmlfile\ShellEx\IconHandler—>双击右边的“默认”,确认其数值数据为 {42042206-2D85-11D3-8CFF-005004838597}
4、找到 CLSID\{42042206-2D85-11D3-8CFF-005004838597}\Old Icon\htmlfile\DefaultIcon —>双击右边的“默认”,确认其数值数据为 C:\Program Files\internet explorer\IEXPLORE.EXE,1 (注:C 改为你的系统所在的盘符)
5、修改完这些后,刷新文件夹,看看图标是否正常,如果还没正常的话,就先把.htm或.html的文件扩展名改为.exe,然后在改回.htm或.html
通过这五个步骤,基本上能解决问题了。
————————————————————————————————-
第二种解决方案
开始——设置——控制面板——文件夹选项
在“文件类型”选项卡中的“已注册的文件类型”中找到rar文件,选中,然后单击“高级”,在弹出的编辑文件类型对话框中单击“更改图标”然后输入要显示的图标的路径,如“C:\Program Files\WinRAR\WinRAR.exe”,或者点“浏览”指定一个图标文件。
HTML文件的操作同上,只是图标路径可能要改为:“C:\Program Files\Internet Explorer\IEXPLORE.EXE”
如何在HTML中使用图标字体
function getParams(url, data, success) {
var params = { url: url, data: null, success: function () { } };
if (typeof success === “function”) {
params.success = success;
params.data = data || null;
} else if (typeof data === “function”) {
params.success = data;
}
return params;
}
如何在html页面中使用字体图标
①首先,需要有这么个”图标主体”库
②其次,把这个”图标字体”库,引入html页面(是图标字体库对应的css引入html)
③最后,使用”图标字体”库
具体操作:
制作”图标字体”:
①这里以为例子,来制作:
首先,打开网址后,页面右侧有登录按钮,先进行登录操作(后面会说明外面为什么选择登录,也可以不登录。但我还是建议登录。)
②制作图标,这个制作的图标是要svg格式的可以找自己公司的设计师去设计,也可以在里面的图标库搜索自己需要的图标的名称,比如”首页,分类”等。
③ 点击自己选择的首页和分类,它会在这个位置出现:
④然后点击下载到本地,就自动下载一个叫”iconfont.zip”的压缩包。这个就是图标字体库。解压这个压缩包可以发现有这些文件:
1部分是指图标内容,可以忽略,但不能删除
2部分是指图标css,不能删除
3部分是使用图标的示例dome,可以删除(建议保留)
⑤使用图标:
打开dome.html,在浏览器中可以看到,相关的下载的图标,以及如何使用。这里可以我提一下,使用图标有2中方式,1是以内容的形式使用,2是以css 的形式使用:
如何在HTML中使用图标字体?
首先,需要有这么个”图标主体”库 ,其次把这个”图标字体”库,引入html页面是图标字体库对应的css引入html ,最后使用”图标字体”库 具体操作。
1.使用百度搜索“(fontello.com)字体”,然后点击进入该官网,是英文的官网;
2.该网站会根据网速的不同,加载起来有点慢,请耐心等待,打开的网站首页,可以显示很多不同的图标;
3.网友朋友可以根据自己不同的需要,然后选择想要的图标,选定的图标会出现选定属性,如果不需要,再点击一下,就可以取消选择,都选择好之后,点击右上角的下载按钮就可以了;
4.下载字体图标之后,是个压缩包,这时可以直接解压即可,得到字体图标的文件夹;
5.打开该文件夹,可以看到里面的css样式文件、字体文件、html文件以及说明文本文档;
6.点击“demo.html”文件,测试一下,自己想要的字体图标文件是否下载完整,这是打开之后,可以看到我们之前选择的几个字体图标;
7.打开Dreamweaver软件,用该软件打开“demo.html”文件,就可以看到字体图标的代码是如何调用的了;
如何在html中直接调用字体图标
①首先,需要有这么个”图标主体”库
②其次,把这个”图标字体”库,引入html页面(是图标字体库对应的css引入html)
③最后,使用”图标字体”库
具体操作:
制作”图标字体”:
首先,打开网址后,页面右侧有登录按钮,先进行登录操作(后面会说明外面为什么选择登录,也可以不登录。但我还是建议登录。)
②制作图标,这个制作的图标是要svg格式的可以找自己公司的设计师去设计,也可以在里面的图标库搜索自己需要的图标的名称,比如”首页,分类”等。
③ 点击自己选择的首页和分类,它会在这个位置出现:
④然后点击下载到本地,就自动下载一个叫”iconfont.zip”的压缩包。这个就是图标字体库。解压这个压缩包可以发现有这些文件:
1部分是指图标内容,可以忽略,但不能删除
2部分是指图标css,不能删除
3部分是使用图标的示例dome,可以删除(建议保留)
⑤使用图标:
打开dome.html,在浏览器中可以看到,相关的下载的图标,以及如何使用。这里可以我提一下,使用图标有2中方式,1是以内容的形式使用,2是以css 的形式使用: