The text alignment of the Windows previewer is different from that of the Linux binary.

[CarbonPool]

Hi everyone, I developed and tested the preview effect from the Windows platform, and then ran the main program on Linux. However, I found that the text in the previewer is vertically aligned, and the text is offset downward when running on Linux. My font is fixed to load the local font.

I tried the femtovg backend and the skia backend, but they both had the same effect, not vertically syncing as expected.

[tronical]

This sounds like a bug, but we'd need a reproducible test case to be able to investigate that. Unfortunately, I have difficulties imagining what exactly the alignment issue is just from your textual description :)

[CarbonPool]

digital-7 (mono).zip
It seems that the position is offset only under Linux, which is related to this font. Here is an example code

HorizontalLayout {
      alignment: center;
      spacing: 10px;
      text := Text {
          vertical-alignment: center;
          text: "000.00";
          color: #fdca5f;
          font-size: 200px;
          font-family: "Digital-7 Mono";
      }
      Text {
          vertical-alignment: center;
          text: "g";
          color: #fdca5f;
          font-size: 24px;
      }
}

[CarbonPool]

windows-skia

linux-skia

[tronical]

Ah great, thanks for the screenshot. So you're looking to align the baselines between the large digits and the "g". I think what you're looking for is #6048 , but that's not what center currently means. As your window size differs, the different font's height for the "g" results in a different centering. Fortunately you can do base line alignment by hand:

    HorizontalLayout {
        alignment: center;
        spacing: 10px;
        text := Text {
            vertical-alignment: center;
            text: "000.00";
            color: #fdca5f;
            font-size: 200px;
            font-family: "Digital-7 Mono";
        }

        Text {
            y: text.y + (text.height - (text.font-metrics.ascent - text.font-metrics.descent)) / 2 // manually compute vertical center
                - self.font-metrics.ascent + text.font-metrics.ascent // use text's baseline instead of ours
                - text.font-metrics.cap-height / 2 // center on the height of capital letters
                ;
            text: "g";
            color: #fdca5f;
            font-size: 24px;
        }
    }

[CarbonPool]

Good idea, but I observed that different rendering backends and operating systems still load the font calculation location differently.

[CarbonPool]

It seems that version 1.14 has optimized its problems.