QtWebassembly中文显示支持

最新推荐文章于 2023-09-20 01:55:12 发布

界墟空空

最新推荐文章于 2023-09-20 01:55:12 发布

阅读量1.1k

点赞数 2

分类专栏： WebAssembly Qt

本文链接：https://blog.csdn.net/sbkebcmj/article/details/124887931

版权

qt5 linux web

Qt 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

WebAssembly

3 篇文章 0 订阅

订阅专栏

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