Qt for WebAssembly程序中文乱码问题处理过程

一、环境

操作系统DeepinV23

Qt版本6.8.2

编程语言C++

二、问题现象

Qt for WebAssembly应用在浏览器页面上英文字母显示正常，中文显示为乱码。

经测试分析原因为默认字体不能正常显示汉字。

三、处理过程

1.准备中文字体文件

从Windows下复制宋体简体字体文件。

C:\Windows\Fonts\simsun.ttc

2.添加资源文件

resources.qrc

<RCC><qresource prefix="/fonts"><file>simsun.ttc</file></qresource>
</RCC>

3.Qt项目文件

CMakeLists.txt，在qt_add_executable后添加：

# 配置资源文件
set(RESOURCE_FILES resources.qrc)
qt6_add_resources(RESOURCE_ADDED ${RESOURCE_FILES})
target_sources(${PROJECT_NAME} PRIVATE ${RESOURCE_ADDED})

4.添加设置字体的代码

int main(int argc, char *argv[])
{QApplication a(argc, argv);int fontId = QFontDatabase::addApplicationFont(":/fonts/simsun.ttc");if (fontId != -1) {QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);if (!fontFamilies.isEmpty()) {QFont font(fontFamilies.at(0));a.setFont(font);}}......return a.exec();
}