在mui中引入自定義的字體圖標
阿新 • • 發佈:2018-04-18
引入 mil 矢量圖 mat clas conf eight iconfont type
字體圖標可以到阿裏巴巴矢量圖上下載。
將下載好的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> //這樣就能調用了
在mui中引入自定義的字體圖標