Bootstrap V5 图标字体的引入以和使用方法

目录

图标字体使用方法一

文件下载

文件引用

使用图标 

图标字体使用方法二

文件下载

 文件引入

使用图标 

---

图标字体使用方法一

   文件下载

• 打开官网链接：Bootstrap v5 官网，点击图标库；

• 点击安装；

•  页面跳转，点击这里复制；

  

文件引用

   粘贴刚才复制的内容到html文件中（注意自己的css文件需要在引入的文件下方，方便修改）

使用图标 

• 选择自己喜欢的图标，点击复制样式；

•  回到自己的文件粘贴刚才复制的样式，保存即可；

•  打开浏览器查看。

图标字体使用方法二

文件下载

•  打开官网链接：Bootstrap v5 官网，点击图标库；

• 点击安装；

•  页面跳转，点击这里下载zip；

• 页面跳转后，下载zip下图zip并解压；

•  解压zip找到里面的font文件夹；

 文件引入

• 复制一份刚才的font文件夹到你需要引入的位置，然后引入以下文件即可；

使用图标 

• 选择自己喜欢的图标，点击复制样式；

•  回到自己的文件粘贴刚才复制的样式，保存即可；

•  打开浏览器查看，已经成功了！

这篇好文章是转载于：学新通技术网