首页 > 文章资讯 > 站长教程 > 建站知识 > Bootstrap Icon和fontawesone在CSS中的调用

Bootstrap Icon和fontawesone在CSS中的调用

时间：2023年11月30日

来源：网络

编辑：佚名

想要在css中调用一些图标，特别比如在.clss::before或者after中调用一个图标的调用方法
.css::before { font-family:"bootstrap-icons";} // 这里的字体样式可以自由选择，比如使用的是bootstrap icon的图标，font-family:中的字体就是查看你调用的bootstrap icon CSS中的样式表设置名称，比如下面就是某个的字体
@font-face {
font-family: "bootstrap-icons";
}
然后是需要调用的图标名称，比如 circle-arrow在bootstrap icon图标查询中的的 CSS代码: \F796 ，那就是在css中使用
content:"\F134";
下面是 fontawesome的也是同理,因为他们的原理基本是一样的，就是图标形状和名称都不一样。
.css::before {font-family:'FontAwesome' ； content:"\F134"; }
这样就可以通过css中::before和::after的中调用第三方的Bootstrap Icon和fontawesone图标调用

新闻资讯更多

猜你需要