Enter-tainer / typst-preview

[DEPRECATED] Use tinymist instead
https://Enter-tainer.github.io/typst-preview/
MIT License
450 stars 21 forks source link

Font appears broken and low-quality when zooming out #294

Open hooyuser opened 4 months ago

hooyuser commented 4 months ago

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.

Capture_lowres_preview 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.

Capture_lowres_pdf 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.

Capture_preview typst-preview extension (Zoom in)

Capture_pdf 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:

Enter-tainer commented 4 months ago

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