图标字体(iconfont)
在网页中经常需要使用一些图标,可以通过图片来
引入图标,但是图片大小本身会比较大,并且非常
的不灵活。所以在我们使用图标时,我们还可以将
图标直接设置为字体,然后通过font-face的形式来
对字体进行引入,这样我们就可以通过使用字体的
形式来使用图标。
图标并不是我们去制作的,需要用的话可以在百度
搜索font awesome寻找官方网站(英文网站)【里边的图标都是做好的,你可以直接拿来用,需要下载,记得下载web版本的】
下载好后解压缩,里边有近十个文件夹,我们只需
要其中的两个,一个是css一个是webfonts,将这
些拉进你需要的项目里(必须放在同一级目录下)
https://fontawesome.com/【网址】
将all.css引入到网页中
使用图标字体方式:
通过类名来使用图标字体
<i class=“fas fa-bell”></i>【fa-bell选择你要的图标,直接粘贴过来】[fas/fab这两个要记住,可以自行试一下]
当图标导入我们编写的网页时,我们可以根据自己
的需要去调整它的样式。
【一定要注意版权问题,看清楚】