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