1. 首頁 > 生活百科 > >

阿里矢量圖標如何使用？怎么使用阿里矢量圖標的方法 - 您要知道知識

電腦知識怎么阿里矢量圖圖標如何使用標的方法矢量

阿里矢量圖標如何使用？下面隨小編一起來看看怎么使用阿里矢量圖標的方法 ， 有需要的朋友可以來學習一下！
【阿里矢量圖標如何使用？怎么使用阿里矢量圖標的方法 - 您要知道知識】1、首先選擇去圖標庫自行選擇想要的圖標；
2、選擇圖標 ， 點擊圖標變成橘色 ， 即放在暫存架；
3、選擇好要用的圖標后 ， 點擊暫存架的下載至本地 ， 解壓待用；
4、將下載完的文件解壓后 ， 放到某一文件夾中 ， 右鍵打開demo_unicode.html文件；
5、把上述文件中的代碼復制到自己的項目中：

@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
上面i標簽中的class值就是上面樣式中的class！
上面便是阿里矢量圖標如何使用？怎么使用阿里矢量圖標的方法的全部內容啦 ， 希望可以幫助到您 ， 感謝大家對本站的喜歡和瀏覽 ， 覺得本文不錯就收藏和分享起來吧！

    推薦閱讀