如何把SVG小图片转换为 html字体图表
2018-06-24 00:57:30来源：未知 阅读 ()
自制作的简单字体图表使用案例:查看demo
制作步骤：
1：登录制作工具在线网站
https://icomoon.io/
2：右上角红色
按钮进入到：https://icomoon.io/app/#/select
3：点击左上角：imports icons
按钮导入自己的svg图片，之后会上传到该在线网站上
4：点击选中刚刚上传的小图表如下已经选中的
5：选中之后点击右下角的
按钮就会自动生成字体图表
就可以像下面这样引入对应的fonts和css给元素指定的class类使用了。。是不是很神奇~~
6：左上角的
是对这个生成字体图表的基本设置，设置好后就可以点击右下角的
下载按钮，下载刚刚制作的字体图表，解压后会有对应的fonts和css文件，这2个是使用的必须文件！
这样就可以很灵活的改变字体的大小和颜色，远比直接使用图片更加便捷！
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
下一篇：Sass与Compass——回顾
- 如果是自学WEB前端的话，该如何才能找到一份7K实习生工作呢 2020-06-04
- 前端如何学习？ 2020-06-04
- 如何成为一名优秀的web前端工程师 2020-06-02
- 零基础小白转行如何入门学习web前端 2020-06-01
- css：背景（背景颜色、图片、平铺、背景固定、背景颜色半透 2020-06-01
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
