图标字体。

图标字体(iconfont)

在网页中经常需要使用一些图标，可以通过图片来

引入图标，但是图片大小本身会比较大，并且非常

的不灵活。所以在我们使用图标时，我们还可以将

图标直接设置为字体，然后通过font-face的形式来

对字体进行引入，这样我们就可以通过使用字体的

形式来使用图标。

图标并不是我们去制作的，需要用的话可以在百度

搜索font  awesome寻找官方网站(英文网站)【里边的图标都是做好的，你可以直接拿来用，需要下载，记得下载web版本的】

下载好后解压缩，里边有近十个文件夹，我们只需

要其中的两个，一个是css一个是webfonts，将这

些拉进你需要的项目里(必须放在同一级目录下)

https://fontawesome.com/【网址】

将all.css引入到网页中

使用图标字体方式:

通过类名来使用图标字体

<i  class=“fas  fa-bell”></i>【fa-bell选择你要的图标，直接粘贴过来】[fas/fab这两个要记住，可以自行试一下]

当图标导入我们编写的网页时，我们可以根据自己

的需要去调整它的样式。

【一定要注意版权问题，看清楚】