QT中使用fontawesome-webfont.ttf字型庫
阿新 • • 發佈:2018-11-19
1、fontawesome-webfont.ttf字型庫中包含了很多圖示,每個圖示都對應一個編碼,所以我們通過字型編碼來載入所需要的圖示。
2、字型庫的下載地址:http://www.bootcss.com/p/font-awesome/。下載完成後我們找到fontawesome-webfont.ttf檔案,他是我們需要的字型庫,我們可以將字型庫載入到資源中引用;找到font-awesome.css檔案,它是查詢每個圖示所對應的編碼所需要的,一個更快捷的查詢圖示編碼的方式是:快捷查詢圖示所對應的編碼。
3、使用舉例:我們想載入一個“咖啡”圖示:
首先在font-awesome.css檔案中查詢其編碼,這是我們程式中需要使用的:
查詢到的編碼是Oxfof4。
向程式中拖一個Label控制元件,然後載入過程如下:
void ttt::init() { QFont iconFont; int fontId = QFontDatabase::addApplicationFont(":/ttt/fontawesome-webfont.ttf"); QStringList fontName = QFontDatabase::applicationFontFamilies(fontId); if (fontName.count() > 0) { iconFont = QFont(fontName.at(0)); //iconFont.setFamily(fontName.at(0)); } else { qDebug() << "load fontawesome-webfont.ttf error"; } iconFont.setPointSize(30); ui.label->setFont(iconFont); ui.label->setText(QChar(0xf0f4)); ui.label->setStyleSheet("color: green;"); }