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

2024-07-15 10:20| 来源: 网络整理| 查看: 265

图标字体使用方法一

文件下载

文件引用

使用图标

图标字体使用方法二

文件下载

文件引入

使用图标

图标字体使用方法一文件下载打开官网链接：Bootstrap v5 官网，点击图标库；

点击安装；

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

文件引用

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

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

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

打开浏览器查看。

图标字体使用方法二文件下载打开官网链接：Bootstrap v5 官网，点击图标库；

点击安装；

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

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

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

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

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

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

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

【本文地址】

今日新闻