我们可以进入阿里的矢量图标库,找到自己想要的图标。
阿里矢量图标库
图标选择好后,它提供了三种图标转换方式,如果你需要字体图标,我们点转换,然后下载到本地就行呢。
下载后的内容如下,有一个dome其他的是你自己转换的字体图标文件。
我们把下载完的字体图标拖入当前启动项目中,因为blazor提供的有全局引入点,我们把字体Css样式放入全局引入点,因为我们项目是服务模式,
客户端模式下的全局引入点请自行查阅官方文档。
点开后引入相关Css文件即可。
然后我们去页面使用就可以了。
<span class="iconfont icon-bianji1"></span>
前面的 iconfont
别写掉了。
页面效果如下: