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

相关文章
|
3月前
|
前端开发
CSS类如何使用?
【6月更文挑战第30天】CSS类如何使用?
16 2
|
3月前
|
存储 前端开发 编译器
【CSS预处理语言】less快速入门
【CSS预处理语言】less快速入门
40 1
|
11月前
|
前端开发 UED
CSS3媒体查询简介与使用方法
CSS3媒体查询简介与使用方法
34 0
|
前端开发 开发者
前端封装库/工具库的字体/图标之Font Awesome
随着前端技术的不断演进,前端封装库/工具库在Web开发中扮演着越来越重要的角色。其中,字体/图标工具库可以为Web应用程序提供美观、一致和易于管理的图标。而Font Awesome是一个非常受欢迎和广泛使用的字体/图标库。今天我们将探讨一下Font Awesome这个实用工具库。
394 1
|
前端开发 容器
CSS样式(五)- CSS高级
CSS样式(五)- CSS高级
135 0
CSS样式(五)- CSS高级
|
前端开发 编译器
Less-CSS预处理语言快速入门
Less-CSS预处理语言快速入门
83 0
|
存储 前端开发 JavaScript
前端 CSS 变量简介及基本使用方法
复杂的网站都会有大量的CSS代码,通常也会有许多重复的值。
188 0
前端 CSS 变量简介及基本使用方法
|
前端开发
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
web前端学习(十五)——CSS3字体属性(font)的相关设置
sketch 如何规范的设置自己的字体样式库( Text styles )
sketch 如何规范的设置自己的字体样式库( Text styles )
sketch 如何规范的设置自己的字体样式库( Text styles )
|
前端开发
font-awesome不显示以及字体样式的引入方式:
font-awesome不显示以及字体样式的引入方式:
685 0
font-awesome不显示以及字体样式的引入方式: