当前位置: 首页 > Web前端 > HTML5

如何在项目中使用icon-font图标字体

时间:2023-04-05 16:16:23 HTML5

icon-font图标字体,方法一:可以到icomoon下载对应的图表字体,官网是:https://icomoon.io/进去会提供600+免费图表,如果你想要更多的图表字体,可以选择图标库;如图:选中需要的图标后,点击右下角的GenerateFont生成图标,生成后下载,下载的文件会包含fonts文件夹和css文件,demo.html文件,导入fonts文件夹和css文件放到项目中,css文件需要根据项目路径更改字体路径,然后在你要显示的地方直接定义你要使用的图标类名就可以了,伪css中的类不会改变。下面粘贴代码:方法二:从阿里巴巴矢量图标库中获取图标,地址:http://www.iconfont.cn/plus/h...用同样的方法找到你需要的图标,然后添加到你自定义的项目中,下载到本地,下载的文件如图:导入四个字体文件和iconfont。将图标字体导入到图标字体的地方有两种方法,一种是使用图标的类名;例如:另一种是使用图标的十六进制编码;它不能被删除。