Appearance
如何把svg转为字体图标
首先,要获得SVG。MasterGo里可以导出。一开始我企图用PNG转成字体图标,问Cursor,它也说ok但其实转不了吧……
SVG代码拷贝到编辑器里,保存发现是XML文件,这个文件没办法直接上传到icomoon,于是我发现了这个网站,直接可以把SVG代码转为SVG文件。
然后就可以去 iconmoon 里上传SVG了。
传好后获得字体和样式的包,解压,放到src里。我是放到了assets里。
接下来就是代码的事了。
第一步,放到入口html: public/index.html
html
<link rel="stylesheet" href="<%= BASE_URL %>/assets/style.css">
第二步,全局使用
html
<span class='icon-warning'></span>
class名是之前自己定义的。