在编辑代码的过程中,将图片转为字体图标,那就无敌了。
试验了很多软件,只有这个才是王道:
2个步骤:
png 转 svg (带路径的):
https://www.vectorizer.io/
svg 效果如下:
IcoMoonz 转字体(在线上传带路径的svg):
https://icomoon.io/app/#/select阿里字体库, 添加购物车里面导出:
/
把下载的样式引入,就可以用 class 来呈现图标了。
附:如何配置字体的样式边框线:
效果:
1. css样式代码:
-webkit-text-stroke: 10px red;
2.或者不转字体。添加 svg 路径,用 stroke 和 style 来控制边框和填充色。
—end