在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