1、进入官网下载​​http://fontawesome.dashgame.com/​​

使用fontawesome_搜索

 

2、安装

.\font-awesome-4.7.0\fonts\fontawesome-webfont.ttf,双击即可安装

安装成功在系统的字体库里就能看到

3、在线找图标

使用fontawesome_官网_02

 

 

 

 

 

 

 

 

 

 

 

 

 

如需要这个图标，就复制其名字

4、得到代码

.\font-awesome-4.7.0\css\font-awesome.css中搜索

使用fontawesome_搜索_03

得到其代码为：\f2b9

5、使用【QML】

拷贝fontawesome-webfont.ttf到工程路径中

main.cpp



// 添加字体文件
int fontId = QFontDatabase::addApplicationFont(":/Font/fontawesome-webfont.ttf");
QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);
qDebug() << "fontFamilies.size() " << fontFamilies.size();


 main.qml



Text{
    color: "green"
    font.family: "FontAwesome"
    font.pixelSize: 30
    text: "\uf004"
}


 使用fontawesome_html_04

 

 6、QWidget使用



int fontId = QFontDatabase::addApplicationFont(":/font/fontawesome-webfont.ttf");
QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);
QFont font;
font.setFamily(fontFamilies.at(0));
font.setPointSize(20);

ui->label->setFont(font);
ui->label->setText(QChar(0xf015));


使用fontawesome_搜索_05

 

 

 

备注：也可以https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started下载支持的svg图标，此时windows一般不能在文件夹中预览svg，需要下载svg预览插件:

使用fontawesome_css_06

复制其名字在css中寻找代码即可




长风破浪会有时，直挂云帆济沧海！