您的位置:365bet体育备用网址器 > 应用 > 制作步骤

制作步骤

2019-12-26 18:32

如何把SVG小图片转换为 html字体图表,

自制作的简单字体图表使用案例:查看demo

365bet在线官网,制作步骤:

1:登录制作工具在线网站

2:右上角红色365bet在线官网 1

 

按钮进入到:

3:点击左上角:imports icons  

365bet在线官网 2

按钮导入自己的svg图片,之后会上传到该在线网站上

4:点击选中刚刚上传的小图表如下已经选中的

365bet在线官网 3

5:选中之后点击右下角的365bet在线官网 4

按钮就会自动生成字体图表

365bet在线官网 5

 就可以像下面这样引入对应的fonts和css给元素指定的class类使用了。。是不是很神奇~~

 365bet在线官网 6

6:左上角的365bet在线官网 7是对这个生成字体图表的基本设置,设置好后就可以点击右下角的

365bet在线官网 8下载按钮,下载刚刚制作的字体图表,解压后会有对应的fonts和css文件,这2个是使用的必须文件!

这样就可以很灵活的改变字体的大小和颜色,远比直接使用图片更加便捷!

 

html字体图表, 自制作的简单字体图表使用案例:查看demo 制作步骤: 1:登录制作工具在线网站 2:右...

本文由365bet体育备用网址器发布于应用,转载请注明出处:制作步骤

关键词: