windows - 为什么垂直方向的字体大小不同

Question

我创建了两个标尺 - 一个垂直的和一个水平的:

现在在垂直标尺中，文本的“大小”在视觉上更大(大约长 5-6 像素)。

为什么？

相关代码:

WM_CREATE:

LOGFONT Lf = {0};

Lf.lfHeight = 12;

lstrcpyW(Lf.lfFaceName, L"Arial");

if (!g_pGRI->bHorizontal)
{
    Lf.lfEscapement = 900; // <----For vertical ruler!
}

g_pGRI->hfRuler = CreateFontIndirectW(&Lf);

SelectFont(g_pGRI->hdRuler, g_pGRI->hfRuler);

WM_PAINT:

    SetTextColor(g_pGRI->hdRuler, g_pGRI->cBorder);

    SetBkColor(g_pGRI->hdRuler, g_pGRI->cBackground);

    SetTextAlign(g_pGRI->hdRuler, TA_CENTER);

#define INCREMENT 10

    WCHAR wText[16] = {0};

    if (g_pGRI->bHorizontal)
    {
        INT ixTicks = RECTWIDTH(g_pGRI->rRuler) / INCREMENT;

        for (INT ix = 0; ix < ixTicks + 1; ix++)
        {
            MoveToEx(g_pGRI->hdRuler, INCREMENT * ix, 0, NULL);

            if (ix % INCREMENT == 0)
            {
                //This is major tick.

                LineTo(g_pGRI->hdRuler, INCREMENT * ix, g_pGRI->lMajor);

                wsprintfW(wText, L"%d", INCREMENT * ix);

                TextOutW(g_pGRI->hdRuler, INCREMENT * ix + 1, g_pGRI->lMajor + 1, wText, CHARACTERCOUNT(wText));
            }
            else
            {
                //This is minor tick.

                LineTo(g_pGRI->hdRuler, INCREMENT * ix, g_pGRI->lMinor);
            }
        }
    } 
    else
    {
        INT iyTicks = RECTHEIGHT(g_pGRI->rRuler) / INCREMENT;

        for (INT iy = 0; iy < iyTicks + 1; iy++)
        {
            MoveToEx(g_pGRI->hdRuler, 0, INCREMENT * iy, NULL);

            if (iy % INCREMENT == 0)
            {
                //This is major tick.

                LineTo(g_pGRI->hdRuler, g_pGRI->lMajor, INCREMENT * iy);

                wsprintfW(wText, L"%d", INCREMENT * iy);

                TextOutW(g_pGRI->hdRuler, g_pGRI->lMajor + 1, INCREMENT * iy + 1, wText, CHARACTERCOUNT(wText));
            }
            else
            {
                //This is minor tick.

                LineTo(g_pGRI->hdRuler, g_pGRI->lMinor, INCREMENT * iy);
            }
        }
    }
}

Answer 1

背景

当文本相对于像素大小时，有几种不同的方案可以以清晰的方式栅格化文本。例如，如果笔划宽度应为 1.25 像素宽，则必须将其四舍五入为整数像素、使用抗锯齿或使用子像素渲染(如 ClearType)。舍入通常由字体设计师内置到字体中的“提示”控制。

提示是文本宽度并不总是与文本高度精确缩放的主要原因。例如，如果由于四舍五入，小写字母 m 的左侧驼峰比右侧驼峰宽一个像素，则提示可能会告诉渲染器将宽度四舍五入以使字母对称。结果是该字符相对于其高度比理想字符宽一点。

这个问题

这里可能发生的情况是，当 GDI 水平呈现字符串时，每个后续字符可能从分数位置开始，这是通过抗锯齿或子像素 (ClearType) 呈现模拟的。但是，当垂直渲染时，似乎每个后续字符的起始位置都向上舍入到下一个完整像素，这往往会使垂直文本比水平文本“长”几个像素。实际上，字距调整总是四舍五入到下一个完整像素。

很可能在水平文本呈现的常见情况下投入了更多精力，使其更易于阅读(并且可能更快地呈现)。在任何其他角度呈现的一般情况可能已经以更简单的方式实现，逐个字形地工作而不是整个字符串。

要尝试的事情

如果您希望它们看起来一样，您可能必须在水平标签的视觉质量上做出小的妥协。以下是我能想到的一些尝试:

1. 使用常规抗锯齿渲染标签而不是 ClearType 子像素渲染。 (您可以通过设置 LOGFONT 中的 lfQuality 字段来完成此操作。)然后您将以正常方式绘制水平标签。对于垂直标签，将它们水平绘制到屏幕外缓冲区，旋转它，然后将缓冲区 blit 到屏幕。这为您提供了看起来相同的标签。我建议定期抗锯齿的原因是它对旋转是不变的。 ClearType 渲染有一个固有的方向，因此不能在不产生边缘的情况下旋转。我已将这种方法用于图形标签并取得了不错的效果。

2. 逐个字符渲染水平标签，将起点四舍五入到下一个完整像素。这应该使水平标签看起来像垂直标签。从排版上看，它们看起来不太好，但对于像这样的小标签，与水平和垂直标签在视觉上不匹配相比，它可能不会让人分心。

3. 另一个答案建议使用非常小但非零的擒纵机构和方向渲染水平标签，迫使它们通过与垂直标签相同的渲染管道。对于像您这样的短标签，这可能是最简单的解决方案。如果您必须处理更长的文本字符串，我建议使用前两种方法之一。