The text is blurry

Gaobo

Hi, when I compiler the application by emcc, I found that the text is blurry,

but when I change the brower's scaled ratio to 200%, it become clear. why?

and how to make the text clear ?

Gaobo

I solved this problem,.
The qt webAssembly don't have font, if we want to use chinese character, we need to pack the font file, the add to the application's font.
and we need to set the font hint preference, otherwise the font become blurry.

    int fontId = QFontDatabase::addApplicationFont(QStringLiteral(":/font/msyh.ttc"));
    QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId);
    if (fontFamilies.size() > 0)
    {
        QFont font;
        font.setFamily(fontFamilies[0]);//设置全局字体
        font.setHintingPreference(QFont::PreferFullHinting);
        QApplication::setFont(font);
    }

JasonWong

@Gaobo said in The text is blurry:

QFont::PreferFullHinting

Is QFont::PreferFullHinting a necessary setting? I tested it. After modifying the settings, some words were cleared and some words were blurred.

The most obvious ones are "唐" and "像"

JasonWong

I also tested some other Chinese texts, and I can’t tell which version is better.

Gaobo

@JasonWong
I have not found which option is the best, maybe we need to make a choice.
Select the most clear option to use.