1***@qq.com
1***@qq.com
  • 发布:2016-12-30 18:23
  • 更新:2018-07-09 16:14
  • 阅读:1874

请问扩展图标怎么调用,下面是一段代码

分类:MUI

您好,麻烦看下下列代码是引用 错了吗
css文件:
font-face {
font-family: Muiicons;
font-weight: normal;
font-style: normal;

src: url('../fonts/mui.ttf') format('truetype');
}
@font-face {
font-family: Muiicons;
font-weight: normal;
font-style: normal;

src: url('../fonts/mui-icons-extra.ttf') format('truetype');
}

html文件:
<span class="mui-icon-extra mui-icon-extra-cart"></span>
<span class="mui-tab-label">购物车</span>

可是图标还是出不来?

2016-12-30 18:23 负责人:无 分享
已邀请:

最佳回复

lhyh

lhyh - 目前就职成都

在HB新建一个muide 的demo项目

参考该项目下的 examples-icons-extra.html

1***@qq.com

1***@qq.com (作者)

是怎么调用啊

lhyh

lhyh - 目前就职成都

mui如何增加自定义icon图标
http://ask.dcloud.net.cn/article/128

Mui 扩展字体图标
http://dev.dcloud.net.cn/mui/mui-icon-extra/index.html

  • 1***@qq.com (作者)


    • 在对应目录引入css/mui-icon-extrafonts/mui-icons-extra.ttf

      说是这样 可是觉得没说清楚怎么运用呢

    2017-01-04 09:33

  • lhyh

    回复 1***@qq.com:打开http://dev.dcloud.net.cn/mui/mui-icon-extra/index.html,最下面一行不是说了么……

    2017-01-04 09:35

  • 1***@qq.com (作者)

    回复 lhyh:没明白,我是按照他说这样用了啊 看到上面的 css和html了吗 我是哪里错了吗

    2017-01-04 10:09

min_19940613

min_19940613

参照例子写的代码如下:
<a class="mui-navigate-right" style="color: black;">
<span class="mui-icon-extra mui-icon-extra-calc"></span></a>
图标还是不显示,这是什么原因?

  • 五叶神

    截图看下你css字体的地方是怎么写的

    2017-10-12 17:28

1***@qq.com

1***@qq.com

现在已经没有这个文件了吗

该问题目前已经被锁定, 无法添加新回复