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

相关文章
|
前端开发 API
css:网页引入字体@font-face以及动态加载字体
css:网页引入字体@font-face以及动态加载字体
399 0
css:网页引入字体@font-face以及动态加载字体
|
3月前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
210 9
|
5月前
|
缓存 前端开发 Linux
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
123 0
|
7月前
|
前端开发
CSS类如何使用?
【6月更文挑战第30天】CSS类如何使用?
40 2
|
7月前
|
前端开发 开发者 容器
CSS进阶-Grid布局高级应用
【6月更文挑战第16天】**CSS Grid布局是CSS3的强大力量,用于复杂二维布局。然而,隐式网格、未命名Grid线和缺少响应式设计是常见问题。解决方法包括显式定义网格结构、命名Grid线和结合媒体查询实现响应式。高级技巧涉及自适应列宽、复杂区域布局和元素层叠对齐。代码示例展示了响应式Grid的用法。掌握这些能提升布局效率和设计灵活性。**
90 11
|
前端开发
Font Awesome 一套绝佳的图标字体库和CSS框架
Font Awesome 一套绝佳的图标字体库和CSS框架
104 0
|
前端开发 开发者
前端封装库/工具库的字体/图标之Font Awesome
随着前端技术的不断演进,前端封装库/工具库在Web开发中扮演着越来越重要的角色。其中,字体/图标工具库可以为Web应用程序提供美观、一致和易于管理的图标。而Font Awesome是一个非常受欢迎和广泛使用的字体/图标库。今天我们将探讨一下Font Awesome这个实用工具库。
454 1
|
前端开发 CDN
Font-Awesome4.7.0版本字体图标显示问题
在Font-Awesome4.7.0版本有时可能会出现字体图标显示为空白小方框的情况,本文提供一个解决思路
1313 0
Font-Awesome4.7.0版本字体图标显示问题
|
开发者
Font-Awesome如何引入矢量字体图标
在开发网页的过程中,我们会经常需要用到一些小图标来进行形象地说明解释或者装饰网页,但是传统的图片引用方式引入的的是图像图标,不易修改,而矢量字体图标则能很好地解决这一问题,因为矢量字体图标的本质是字体,可以使用“<style>”标签对其属性进行修改,非常方便,已经被广泛应用于网页开发中!本文主要介绍font-awesome-4.7.0的引入和使用
397 0
Font-Awesome如何引入矢量字体图标
|
前端开发
CSS3中引入多种自定义字体(font-face)
CSS3中引入多种自定义字体(font-face)
459 0
CSS3中引入多种自定义字体(font-face)