QML学习笔记(九)-引入Font-awesome

简介:  源码:https://github.com/sueRimn/QML-ExampleDemos1.首先得在qml文件夹下建立字体文件,将font-awesome放入进去 2.然后在main.

 源码:https://github.com/sueRimn/QML-ExampleDemos

1.首先得在qml文件夹下建立字体文件,将font-awesome放入进去

 

2.然后在main.cpp中注册字体

引入中一定要写上

 引用字体

 

引用字体得路径一定要根据个人的文件目录写对,不然打印台就会输出以下信息

 

3.在界面中使用

需要在font-awesome.css中查看编码

然后在字体中使用时必须写上字体为fontawesom

 

\ufoo4就是就是字符编码f004

官网可查看编码:https://fontawesome.com/cheatsheet?from=io

 

 参考博文 https://blog.csdn.net/zhengtianzuo06/article/details/78505508

相关文章
|
4月前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
305 9
|
前端开发
从零开始学_JavaScript_系列(六)——CSS的padding、margin、border属性超详细解释(图文)
结论请看最后的图片 关于定义: margin:层的边框以外留的空白 background-color:背景颜色 background-image:背景图片 padding:层的边框到层的内容之间的空白 border:边框 content:内容   关于四个方向: 先上图: 测试:(有些结论是验证后copy现有的,因为纯测试不可能推出必然结果)
2083 0
|
前端开发
Font Awesome 一套绝佳的图标字体库和CSS框架
Font Awesome 一套绝佳的图标字体库和CSS框架
119 0
|
开发者
Font-Awesome如何引入矢量字体图标
在开发网页的过程中,我们会经常需要用到一些小图标来进行形象地说明解释或者装饰网页,但是传统的图片引用方式引入的的是图像图标,不易修改,而矢量字体图标则能很好地解决这一问题,因为矢量字体图标的本质是字体,可以使用“<style>”标签对其属性进行修改,非常方便,已经被广泛应用于网页开发中!本文主要介绍font-awesome-4.7.0的引入和使用
423 0
Font-Awesome如何引入矢量字体图标
|
编解码 前端开发 JavaScript
SVG 入门基础(1)属性
SVG 入门基础(1)属性
288 0
SVG 入门基础(1)属性
|
C# 区块链
学习WPF——使用Font-Awesome图标字体
图标字体介绍 在介绍图标字体之前,不得不介绍图标格式ICON ICON是一种图标格式,我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可爱的企鹅,我的电脑是一个显示器图标 ---------------- 一个图标文件是扩展名为.
1201 0
|
前端开发
前端学习案例-ant design model实现图片预览
前端学习案例-ant design model实现图片预览
285 0
|
索引 缓存 前端开发
从零开始学_JavaScript_系列(十一)——dojo(4)(GRID表格进阶:格式化、style、数据获取、多重排序、点击事件)
如果没有阅读过gridx表格的基本运用教程,建议先阅读这篇(4天点击量已经接近5k): http://blog.csdn.net/qq20004604/article/details/51170919 里面很详细的说明了gridx表格的创建,常用模块,和基本使用。 如果没有接触过dojo,建议阅读: http://blog.csdn.net/qq20004604/article
2036 0

热门文章

最新文章