首页 > 编程知识 正文

阿里icomoon官网,icomoon字体标

时间:2023-05-04 23:28:11 阅读:222078 作者:82

1.进入网站

http://icomoon.io

2.点击

3.选择想要的图标,点击生成

4.下载

5.解压

6.打开demo.html 复制小图标

7.复制fonts文件夹到项目中,在页面中引入字体

@font-face { /*声明字体 引用字体*/ font-family: "icomoon"; /*我们自己起名字可以*/ src: url('fonts/icomoon.eot?7kkyc2'); src: url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?7kkyc2') format('truetype'), url('fonts/icomoon.woff?7kkyc2') format('woff'), url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg'); font-style: normal; /*倾斜字体正常*/}

8.将svg格式图片,转化为图标字体

9.追加新图标到原来的库中

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。