hlg
hlg
  • 发布:2014-12-19 10:03
  • 更新:2015-09-21 13:51
  • 阅读:14681

修改mui.ttf,增加TrueType字体,HBuilder中预览成功,但部署到手机上却是方块。

分类:MUI
  1. 我用FontCreator5.6,打开mui.ttf,通过复制588的内容后进行简单修改,变成uniE589;
  2. 新建css文件style.css,内容:
    .mui-icon-mytest:before {
    content: "\e589";
    }
  3. 在html中设置:
    <span class="mui-icon mui-icon-mytest"></span>

在Hbuilder的边改边看模式下查看图标已经起作用了。但运行到Iphone5s上,显示的是个方块。
哪里出了问题?

2014-12-19 10:03 负责人:无 分享
已邀请:

最佳回复

虎斑猫

虎斑猫

我也遇到了这个问题,已经解决,和大家分享一下。

  1. 在FontCreator 5.6如果要新加,请选择“插入字符”,而不要选择右键“添加”,或是选择“插入字形”。

  1. 然后会弹出提示框“This operation is not undoable. Do you want to continue?” 选择“是”。

  1. 随便选择一个没有文字的框,如“$0560” ,点击“确定”。
  2. 这时新添加的字符标题是灰色的,点击右键“导入图像”,导入您要生成的图片,新添加的字符标题就会变成绿色。

  1. 保存后就可以正常使用了。

android和ios 上就都好用了

这个问题也是困扰我好久了 终于解决了

hlg

hlg (作者)

后来又试了一下,Android上可以。
高手给个提示呀。谢谢!

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

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容