icontfont图标在Hbuilder中的使用

icontfont图标在Hbuilder中的使用

下载后的使用

1. 第一步：下载项目,解压后找到文件夹中的的iconfont.css及其他文件 ;
   

2. 第二步：将上面用红色边框框起来的文件复制粘贴到Hbuilder中的项目中的css文件中，或新建一个文件夹存放 ；
   我在这里是用的新建的文件夹存放
   

3. 第三步：在页面中引入iconfont.css文件；
   

4. 第四步：在页面中标签使用的时候，应用于页面；

如：以下两种方法都可以

		<i class="iconfont icon-dianzan"></i>
		
		<i class="iconfont">&#59006;</i>

注意：如果复制文件的时候只复制了iconfont.css，可能会导致icon图标只能在浏览器中显示，而在Hbuilder中无法显示icon图标