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
- Step one: http://ibmdotcom-react.mybluemix.net/?path=/story/patterns-sections-leadspace--default-with-no-image
- Step two: select Centered under the type knob.
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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 forexpressive-heading-05
? What about forexpressive-heading-03
?The component version is 10.9.0 and the type package is 10.5.1