1. 程式人生 > >QT中使用fontawesome-webfont.ttf字型庫

QT中使用fontawesome-webfont.ttf字型庫

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;");
}