question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Font rendering weight heavier than in 2.x

See original GitHub issue

It looks like the font weight rendering in the 3.x branch is much heavier than in the 2.x branch even with fontWeight set to 100, normal or nothing. When setting fontWeight to bold the text is more bold so it appears that the config value is being respected.

2.x screen shot 2018-05-03 at 1 27 16 pm 3.3 screen shot 2018-05-03 at 1 39 13 pm 3.3 (fontWeight: 'bold') screen shot 2018-05-03 at 1 46 48 pm

const term = new XTerm({
  fontWeight: '100',
  fontFamily: 'ubuntu mono',
  theme: {
    background: '#111'
  }
});

I’m using https://www.npmjs.com/package/xterm-webfont to load the webfont however the weight is consistent without it.

This is also consistent in both the latest Chrome and Firefox.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:2
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
hatchedcommented, May 9, 2018

@bgw Here is 3.3.0 with term.setOption('allowTransparency', true). There doesn’t appear to be any change with or without it enabled (In both Chrome and Firefox).

screen shot 2018-05-08 at 10 27 53 pm
0reactions
Tyriarcommented, Oct 7, 2019

We’re moving towards DOM and webgl renderers in favor of the canvas one.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Fonts are Heavier in v2.0 · Issue #2856 · vercel/hyper - GitHub
After updating to v2.0 I noticed that the font rendering is heavier than before. I've tried changing the fontWeight setting to either ...
Read more >
font-weight - CSS: Cascading Style Sheets - MDN Web Docs
One relative font weight heavier than the parent element. Note that only four font weights are considered for relative weight calculation; see ...
Read more >
Html5 canvas font weight is rendering much heavier than it ...
I have set in my code that the text should render in Gotham at a 'regular' weight but it seems to be rendering...
Read more >
font-weight | CSS-Tricks
The font-weight property sets the weight, or thickness, of a font and is dependent either on available font faces within a font family...
Read more >
Introduction to variable fonts on the web
When we have fewer pixels for rendering the glyph, a two bar design can become illegible. To combat this, much like the Italic...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found