0
点赞
收藏
分享

微信扫一扫

Blazor(其他项目用法一样)中的IconFont字体图标的生成和使用

江南北 2022-04-14 阅读 52
前端

我们可以进入阿里的矢量图标库,找到自己想要的图标。
阿里矢量图标库
在这里插入图片描述
图标选择好后,它提供了三种图标转换方式,如果你需要字体图标,我们点转换,然后下载到本地就行呢。

下载后的内容如下,有一个dome其他的是你自己转换的字体图标文件。
在这里插入图片描述

我们把下载完的字体图标拖入当前启动项目中,因为blazor提供的有全局引入点,我们把字体Css样式放入全局引入点,因为我们项目是服务模式,
在这里插入图片描述
客户端模式下的全局引入点请自行查阅官方文档。

点开后引入相关Css文件即可。
在这里插入图片描述
然后我们去页面使用就可以了。

 <span class="iconfont icon-bianji1"></span>

前面的 iconfont别写掉了。

页面效果如下:
在这里插入图片描述

举报

相关推荐

0 条评论