阿里巴巴圖標(biāo)庫(kù)
iconfont三種用法:前提都是先要引用iconfont圖標(biāo)庫(kù)
1.Unicode? (font + html)----》iconfont.svg
<span class="iconfont-"></span>
這里的編碼是iconfont.svg文件里對(duì)應(yīng)圖標(biāo)的編碼汉额。
2.Font class?(font + css)----》iconfont.css
<span class="iconfont icon-2018-pc"></span>
這里的?icon-2018-pc class名稱(chēng)是iconfont.css文件里對(duì)應(yīng)圖標(biāo)的名稱(chēng)。
3.Symbol??(symbol)----》iconfont.css?
<svg class="icon" aria-hidden="true">
? ? ? ? <use xlink:href="#icon-2018-tu"></use>
? ? </svg>
溫馨提示:如果這邊的圖標(biāo)現(xiàn)實(shí)出來(lái)的結(jié)果不是你想要的樣式憨颠,可以自己在樣式表里給對(duì)應(yīng)的class名稱(chēng)添加哦
這里的?icon-2018-pc class名稱(chēng)是iconfont.css文件里對(duì)應(yīng)圖標(biāo)的名稱(chēng)闯捎。
(切記:不要忘記加“#”苞七,否則就不會(huì)出現(xiàn)你想要的圖標(biāo)了哦!)
彩色圖標(biāo)使用Symbol?方式引用〗咸常灰色圖標(biāo)前兩種方式皆可。同時(shí)Symbol 也是可以兼容灰色圖標(biāo)的扒最,但是前兩種方式是不支持彩色圖標(biāo)的丑勤。
有用的可以收藏哦!