将svg图片生成字体图标

icomoon官网

第一步 生成字体图标

生成字体图标

第二步 下载字体图标

在这里插入图片描述

第三步 如何使用字体图标

将压缩包解压,并将style.css和fonts拷贝到项目中,在html文件中引入style.css在这里插入图片描述在这里插入图片描述

每个字体图标的样式class名称

获取字体样式的名称字体图标的样式名称
在线生成后,可以修改每个字体图标的名称,可以选用自己的方式命名哦
另外,解压出来的文件中,还有待demo字样的文件及文件夹,这个可以再本地运行,是官网提供的示例

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章