下載svg圖片轉化為字體使用,非常牛逼!!!!!!


 

 

1.輸入icomoon.io轉到外網

2.點擊右上角           》》進入到【https://icomoon.io/app/#/select】

 

3.在左上角iconl ibrary進去更多圖片,下載完了把圖片(.svg)拖到

 

選中多個點擊下方

進入下一個頁面后點右下角download.

下載完解壓

打開demo.html等下顯示要用

把fonts文件夾復制

在style下寫:

@font-face {
font-family:'SVG_Nxj';/*自定義字體名,和宋體一樣*/
src: url("../../fonts/icomoon.eot?7kkyc2");
src: url("../../fonts/icomoon.eot?7kkyc2#iefix") format('embedded-opentype'),
url("../../fonts/icomoon.ttf?7kkyc2") format('truetype'),
url("../../fonts/icomoon.woff?7kkyc2") format('woff'),
url("../../fonts/icomoon.svg?7kkyc2#icomoon") format('svg');
font-weight: normal;
font-style: normal;
}

 

倆種引用,span中的空是復制粘貼剛剛打開的demo.html后面的框

div寫的是demo.html文本,content中文本要在它基礎上加\

 

 

 這樣頁面就有顯示了,我們可以通過字體樣式隨意控制他們

 

 

 

追加:

重復上面操作下載即可,所以最開始下載的壓縮文件包不能丟。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM