Font appears broken and low-quality when zooming out

[hooyuser]

Describe the bug
Hello, I am experiencing an issue with the preview plugin where the font quality significantly degrades when I zoom out. There is noticeable aliasing phenomenon (like the common downsampling aliasing) that causes the font to be distorted.

typst-preview extension

For example, the top half of the letter “t” becomes disconnected. Please refer to the attached image below that compares this with the rendering result from a PDF renderer under a similar zoom level.

pdf renderer

It’s evident that the PDF renderer produces a clearer and more recognizable output.

When zooming in, however, the font rendering is quite clear. The attached images below show the rendering effects from both the PDF renderer and the typst-preview.

typst-preview extension (Zoom in)

pdf renderer (Zoom in)

Could you please look into this issue? Thank you!

Package/Software version:

VSCode version(Help -> About):

Version: 1.89 .1 (user setup)
Commit: dc96b837cf6bb4af9cd736aa3af08cf8279f7685
Date: 2024-05-07T05:13:33.891Z (2 wks ago)
Electron: 28.2 .8
ElectronBuildld: 27744544
Chromium: 120.0 .6099 .291
Node.js: 18.18 .2
V8: 12.0 .267 .19 -electron. 0
OS: Windows_NT x64 10.0.19045

Additional details:

• Font: New Computer Modern
• Display resolution: 1920x1080
• typst-preview extension version: v0.11.6

[Enter-tainer]

typst preview currently doesnt have high quality sub pixel rendering. will be solved once we switch to new rendering method