html+css----图标字体的使用。

一：什么是图标字体

  图标字体就是长得像图片的字体，它是由矢量构成的，矢量指数学意义上的曲线和直线，一个图标字体便是由若干曲线和直线围成，闭合曲线。

二：如何使用

  可以上网下载，也可以自己制作图标字体，推荐白嫖。

  可以使用fontawsom ,或者阿里的iconfont

fontawsom下载地址为Download Font Awesome Free or Pro for the Web or Desktop | Font Awesome

<link rel="stylesheet" href="../../static/fontawsom/css/all.min.css">

首先将css引入HTML的head中

使用方法一：使用class   fa-bell对应图标。

 <i class="fas fa-bell" style="font-size: 30px ;color: chocolate"></i>

使用方法二：使用伪元素

a::before{
            content: '\f578';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
        }