Bootstrap Icon和fontawesone在CSS中的调用

想要在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图标调用