1. 程式人生 > >在mui中引入自定義的字體圖標

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

引入 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中引入自定義的字體圖標