06.font&background------02.图标字体（font awesome库）

图标字体（iconfont）： 

     1. 在网页中我们需要引入一些图标，我们可以通过图片引入图标，但由于图片本身较大，而且不灵活，所以一般不采用；但由于字体放大后不失真、可以改变颜色、随意调整大小，实现起来比较灵活，所以我们一般将图标直接设置为字体，然后通过font-face来引入，这样就可以通过字体的形式来引入图标。

注意：加图标时，无论是在字体前还是在字体后，都是使用i标签来添加图标，不要和字体参合到一起，如：

       2. 常用的一些图标字体库有：font awesome和阿里的iconfont

font awesome库使用的步骤：

          a. 下载（font awesome英文官网）

           b. 解压

            c. 将css和webfonts复制到项目中

            d. 将all.css引入到网页中（通过link标签）

             e. 可以引入图标字体：通过类的方式引入图标字体，引入后也可以通过内联样式改变图标字体的颜色与大小等；有以下方式：

                        class：fas（空格）要引入的图标字体

                        class：fab（空格）要引入的图标字体

注意：空格前面要么是fas要么是fab，这两个那个可以使用哪个，不可以就换另一个；标签既可以使用i标签也可以使用span标签，具体使用如下：

引入图标字体的其他方式：

      1. 通过伪元素::before和::after来引入图标字体，主要有以下几部分内容：

通过::before和::after选中要设置图标的元素，在content中设置图标的编码（\图标的编码)，然后设置图标的样式，有两种样式：

                fab：font-family: 'Font Awesome 5 Brands';

                fas：font-family: 'Font Awesome 5 Free'; font-weight: 900;

       

        2. 通过实体来引入图标字体：形式为----&#x图标的编码；