xterm.js icon indicating copy to clipboard operation
xterm.js copied to clipboard

Published 20 hours ago • verified publisher icon xtermjs

WebGL renders text thicker than the canvas renderer

Open npezza93 opened this issue 3 years ago • 2 comments

Webgl: image

Canvas: image

Details

  • Browser and browser version: electrons 19
  • OS version: macOS Monterey
  • xterm.js version: v5

Steps to reproduce

  1. echo text in both renderers and compare

npezza93 avatar Aug 01 '22 13:08 npezza93

I think this may be specific to electron, I'm not seeing this same behavior in the demo inside chrome and Firefox.

npezza93 avatar Aug 05 '22 21:08 npezza93

Ah ha, this isn't just in electron. Repro steps:

Add

body {
    -webkit-font-smoothing: antialiased;
}

to your style sheet.

npezza93 avatar Aug 05 '22 21:08 npezza93

I guess this is just browser behavior, I can't reproduce in VS Code I guess because it doesn't have the CSS rule? I wouldn't expect font-smoothing to do anything after the fix for https://github.com/xtermjs/xterm.js/issues/2662 though

Tyriar avatar Aug 10 '22 13:08 Tyriar