1.官方使用文檔:iconfont使用方法
2.項(xiàng)目在線引用:
2.1拷貝css和js在線地址
拷貝css和js地址.png
注意事項(xiàng):Font Class拷貝css地址侄泽,Symbol對(duì)應(yīng)js地址蚀同,上面這兩個(gè)地址都可能會(huì)變化胡控,如果ui上傳了新的圖標(biāo),你需要引用他新增進(jìn)來(lái)的押逼,則需要更新地址:
如圖:
2.2代碼中引用:
<script src="http://at.alicdn.com/t/font_1299623_htra47f0zzt.js"></script>
<style lang="stylus">
@import '//at.alicdn.com/t/font_1299623_htra47f0zzt.css'
</style>
2.3引用這個(gè)圖標(biāo):
image.png
image.png
html模板實(shí)現(xiàn)
<svg class="icon" aria-hidden="true">
<use xlink:href="#icondelete"></use>
</svg>
pug模板實(shí)現(xiàn)
.icon
svg.ali_icon(aria-hidden="true")
use(xlink:href="#icondelete")