How to use the typography.h3.fontWeight function in typography
To help you get started, we’ve selected a few typography examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
Autodesk / hig / packages / theme-material-ui / scripts / buildThemes.js View on Github 
},
h1: {
fontSize: "${theme["density.fontSizes.extraExtraLarge"]}",
fontWeight: "${theme["typography.h1.fontWeight"]}",
lineHeight: "${theme["basics.lineHeights.mediumLarge"]}",
color: "${theme["typography.h1.color"]}"
},
h2: {
fontSize: "${theme["density.fontSizes.extraLarge"]}",
fontWeight: "${theme["typography.h2.fontWeight"]}",
lineHeight: "${theme["basics.lineHeights.mediumMedium"]}",
color: "${theme["typography.h2.color"]}"
},
h3: {
fontSize: "${theme["density.fontSizes.large"]}",
fontWeight: "${theme["typography.h3.fontWeight"]}",
lineHeight: "${theme["basics.lineHeights.mediumSmall"]}",
color: "${theme["typography.h3.color"]}"
},
h4: {
fontSize: "${theme["density.fontSizes.medium"]}",
fontWeight: "${theme["basics.fontWeights.medium"]}",
lineHeight: "${theme["basics.lineHeights.mediumSmall"]}",
color: "${theme["colorScheme.textColor"]}"
},
h5: {
fontSize: "${theme["density.fontSizes.small"]}",
fontWeight: "${theme["basics.fontWeights.medium"]}",
lineHeight: "${theme["basics.lineHeights.mediumSmall"]}",
color: "${theme["colorScheme.textColor"]}"
},
h6: {typography
Opinionated toolkit for building websites with beautiful typography
Package Health Score
60 / 100Popular typography functions
- typography
- typography.body.color
- typography.body.fontFamily
- typography.body.fontSize
- typography.body.fontWeight
- typography.body.lineHeight
- typography.caption.color
- typography.caption.fontSize
- typography.caption.lineHeight
- typography.h1.color
- typography.h1.fontWeight
- typography.h2.color
- typography.h2.fontWeight
- typography.h3.color
- typography.h3.fontWeight