Qt Webassembly中文显示支持

由于webassembly是运行在wasm虚拟环境中的，因此是无法直接访问当前系统字体，如果需要提供中文或其它字体支持需要将字体文件作为资源与应用一起编译打包到wasm中，并在应用中主动加载字体资源。字体资源添加会导致wasm文件急剧增大因此可以根据实际需要对字体文件进行裁剪只保留常用字即可，此处给出一个在线字体裁剪网站可自行尝试。

示例

#include <QApplication>
#include <QTextEdit>
#include <QFontDatabase>
#include <QDebug>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    // 设置全局字体，用于解决Qt for WebAssembly中文显示异常问题
    // fileName 参数不用带qrc前缀，否则因文件路径不存在加载失败
    int fontId = QFontDatabase::addApplicationFont(":/ttf/HYXingKaiJ.ttf");
    qInfo() << "fontId:" << fontId;
    QTextEdit edit;
    //判断字体是否添加成功
    if (fontId >= 0) {
        QStringList fontFamilies =
            QFontDatabase::applicationFontFamilies(fontId);
        qInfo() << QString("fontId =%1 fontfamilies:").arg(fontId)
                << fontFamilies;
        QFont font;
        auto fontFamilie = fontFamilies[0];
        font.setFamily(fontFamilie);  //设置全局字体
        font.setPointSize(58);
        app.setFont(font);
        edit.setText("Qt WebAssembly 中文字体测试");
    }
    edit.show();
    return app.exec();
}

效果展示

测试工程

资源下载链接