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

目录

图标字体使用方法一

文件下载

文件引用

使用图标 

图标字体使用方法二

文件下载

 文件引入

使用图标 


图标字体使用方法一

   文件下载

  • 点击安装;

  •  页面跳转,点击这里复制;

文件引用

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

使用图标 

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

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

  •  打开浏览器查看。

图标字体使用方法二

文件下载

  • 点击安装;

  •  页面跳转,点击这里下载zip;

  • 页面跳转后,下载zip下图zip并解压;

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

 文件引入

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

使用图标 

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

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

  •  打开浏览器查看,已经成功了!

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>