在mui中引入自定義的字體圖標


  字體圖標可以到阿里巴巴矢量圖上下載。

  將下載好的iconfont.ttf放進mui/dist/fonts里面。在mui.css中加入以下代碼。

@font-face { font-family: Muiicons; font-weight: normal; font-style: normal; src: url('../fonts/icon.ttf') format('truetype');
} <!-- 從阿里巴巴矢量圖上選好圖標下載下來后,會包括一下代碼,引入后,就能使用了 --> .icon-myshouye:before { content: "\e605"; } .icon-myhuiyuan:before { content: "\e636"; } .icon-myicon-:before { content: "\e64b"; } .icon-mygaiicon-:before { content: "\e6cf"; }

        <span class="mui-icon icon-myshouye"></span>    //這樣就能調用了

  


免責聲明!

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



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