xterm.js
xterm.js copied to clipboard
WebGL renders text thicker than the canvas renderer
Webgl:
Canvas:
Details
- Browser and browser version: electrons 19
- OS version: macOS Monterey
- xterm.js version: v5
Steps to reproduce
- echo text in both renderers and compare
I think this may be specific to electron, I'm not seeing this same behavior in the demo inside chrome and Firefox.
Ah ha, this isn't just in electron. Repro steps:
Add
body {
-webkit-font-smoothing: antialiased;
}
to your style sheet.
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