如何把SVG小图片转换为 html字体图表
2017-02-14 16:07
423 查看
自制作的简单字体图表使用案例:查看demo
制作步骤:
1:登录制作工具在线网站
https://icomoon.io/
2:右上角红色
按钮进入到:https://icomoon.io/app/#/select
3:点击左上角:imports icons
按钮导入自己的svg图片,之后会上传到该在线网站上
4:点击选中刚刚上传的小图表如下已经选中的
5:选中之后点击右下角的
按钮就会自动生成字体图表
就可以像下面这样引入对应的fonts和css给元素指定的class类使用了。。是不是很神奇~~
6:左上角的
是对这个生成字体图表的基本设置,设置好后就可以点击右下角的
下载按钮,下载刚刚制作的字体图表,解压后会有对应的fonts和css文件,这2个是使用的必须文件!
这样就可以很灵活的改变字体的大小和颜色,远比直接使用图片更加便捷!
制作步骤:
1:登录制作工具在线网站
https://icomoon.io/
2:右上角红色
按钮进入到:https://icomoon.io/app/#/select
3:点击左上角:imports icons
按钮导入自己的svg图片,之后会上传到该在线网站上
4:点击选中刚刚上传的小图表如下已经选中的
5:选中之后点击右下角的
按钮就会自动生成字体图表
就可以像下面这样引入对应的fonts和css给元素指定的class类使用了。。是不是很神奇~~
6:左上角的
是对这个生成字体图表的基本设置,设置好后就可以点击右下角的
下载按钮,下载刚刚制作的字体图表,解压后会有对应的fonts和css文件,这2个是使用的必须文件!
这样就可以很灵活的改变字体的大小和颜色,远比直接使用图片更加便捷!
相关文章推荐
- 如何制作图标字体(如何将svg转换为css可用的图标字体)
- 如何把word文档转换成html
- 如何在html页面上随着鼠标的位置显示浮动层图片或别的东东?(附代码)
- 如何将一张图片转换为可播放的TS流
- HTML控件Input(File)中如何把浏览按钮的背景更换成图片
- “如何将16进制码流在html中显示为图片”兼容多个浏览器的方案。
- 示例代码:利用Sps提供的remoting服务,把office文档在线转换成html文档(包括页面图片的文件)
- 如何在VS2008中将HTML控件转换为服务器控件
- 如何把html文件快速转换成JSP文件
- JSON 对象如何转换为 Html 表单
- 如何把bmp格式二进制流转换成图片?
- html中如何在背景图片的某个区域加入连接
- 将图片转换为HTML图片
- Cool!!将图片转换为HTML图片
- [VB.NET]请问高手们:如何在VB.NET中实现320*240的图片转换为240*320的格式?
- 将图片转换为HTML的神奇方法
- 如何将powerpoint转换为html
- php应用如何转换HTML特殊字符
- 如何转换.CR2格式的图片
- 在线状态代码详解及如何自定义在线风格图片 http://wp.qq.com/index.html