使用字体图标教程

以fontAwesome为例

1、下载 fontAwesome 包

从 fontAwesome官网下载压缩包

2、使用 fontAwesome 包

将 fontAwesome 包解压然后复制到工程目录

3、使用字体图标

1. 在html文件的head 标签里输入以下代码：

   <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
   

   用于导入字体图标包

2. 在 body 标签 的 div 标签 里输入以下代码：

   <i class="fa fa-name fa-nx"></i>
   

   name :fontawesome图标库里的图标名，查询名称地址

   nx ：图标大小控制，例如1x、2x…

   用于引用字体图标包