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 Weights not working correctly

See original GitHub issue
Using Expressive-Heading-05, the font weight should be 300 on larger breakpoints but it's staying on 400 throughout all breakpoints. Should only be 400 on smallest screen size. Similar issue with. Expressive-Heading-03. The font size should be fluid throughout breakpoints but is not working accordingly.

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

What did you expect to happen? What happened instead? What would you like to see changed? Would like to see the font weights adjusted correctly and the fluid font sizes fixed. This issue describes the problems in detail. https://github.com/carbon-design-system/ibm-dotcom-library/issues/1188 What browser are you working in? Chrome

What offering/product do you work on? Any pressing ship or release dates we should be aware of? Digital Designs squad

Steps to reproduce the issue

  1. Step one: http://ibmdotcom-react.mybluemix.net/?path=/story/patterns-sections-leadspace--default-with-no-image
  2. Step two: select Centered under the type knob.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
joshblackcommented, Mar 11, 2020

@tw15egan ah sorry, yeah the files should match. I believe the JS is treated as the source of truth (this is what Jeannie edits) but we have been having to port the changes over to Sass since we haven’t set up auto-generating the sass like in the other packages yet.

@jeanservaas is the light font weight intended for expressive-heading-05 starting on md for expressive-heading-05? What about for expressive-heading-03?

0reactions
andysherman2121commented, Mar 5, 2020

The component version is 10.9.0 and the type package is 10.5.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

font-weight is not working properly? - Stack Overflow
font-weight can also fail to work if the font you are using does not have those weights in existence – you will often...
Read more >
font-weight - CSS: Cascading Style Sheets - MDN Web Docs
Note that when using relative weights, only four font weights are considered — thin (100), normal (400), bold (700), and heavy (900). If...
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 >
Font-Weight: Bold in CSS Not Working - Maker's Aid
Remember: When font-weight: bold isn't working, your CSS rule is most probably being overridden by another CSS rule with a more specific ...
Read more >
The 'medium' is an incorrect font-weight and fonts with it doesn ...
The MDN says that correct font weights are: normal | bold | bolder | lighter | 100 | 200 | 300 ... I...
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