業(yè)務(wù)背景

之前一直是使用icon-font做小圖標(biāo)
今天學(xué)bootstrap4的時(shí)候沒(méi)有內(nèi)置圖標(biāo),推薦的是svg圖標(biāo)
一番百度.......

1. 在阿里圖標(biāo)庫(kù)找合適的圖標(biāo)
2. 通過(guò)grunt-svgstore合并svg文件
3. 把合并后的svg內(nèi)容全部粘貼到html里面去
4. 引用圖標(biāo)<svg><use xlink:href=""></use></svg>

問(wèn)題

復(fù)制整個(gè)svg源代碼感覺(jué)好麻煩啊
像引用css或js那樣直接用一個(gè)標(biāo)簽引入svg可以么?怎么弄?

嘗試

link object embed都不行

解決

利用js,append進(jìn)去
不過(guò)自己通過(guò)grunt合并的方法還是太麻煩,在阿里圖標(biāo)庫(kù)上可以全部自動(dòng)生成.

參考

http://www.iconfont.cn/help/d...