首页| 论坛| 消息

标题:请问一下如何在QML中使用iconfont类似的图标字体?
作者:lwbbn
日期:2016-01-29 00:11
内容:

请问一家大家,用QML做的在PC端运行的界面,有些图标在不同地方可能会有不同尺寸,重复的做图比较麻烦。想用网上现成的iconfont字体图标,请问如何实现?



比如上面在 www.iconfont.cn 生成的图标字体 对应的图标编码  显示的是一个电话图标。在网页中使用css3很容易实现,这在QML中如何可以达到效果显示个电话图标呢?

找了帮助文档好像就那么一个FontLoader 可是不能达到效果,哪位会的麻烦贴一段代码 谢谢。我把字体打包上来

Column {
FontLoader { id: webFont; source: "iconfont.ttf" }
Text { text: "" ; font.pointSize: 22;font.family: webFont.name;}
}


#1 [nigoole 01-29 08:28]
2个方案: 第一你需要安装这个ttf字体到你的系统,然后直接用
Text {
font.family: "iconfont";
}
就可以了,
第二个方案:
采用你已经使用的FontLoader
但是路径需要写绝对路径。然后在设置字体直接
Text {
font.family: fontLoader.family;
}
#2 回 nigoole 的帖子 [lwbbn 01-29 12:31]
nigoole:2个方案: 第一你需要安装这个ttf字体到你的系统,然后直接用
Text {
    font.family: "iconfont";
}
就可以了,
....... (2016-01-29 08:28) 
感谢关注,方案一试过了不起作用。方案二写本地绝对路径直接提示字体不存在。
后来把 生成的编码 &#xe62d 改成了\ue62d就好使了

回复 发表
主题 版块