How to use the typography.h1.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.

github Autodesk / hig / packages / theme-material-ui / scripts / buildThemes.js View on Github external
}
    },
    typography: {
      fontFamily: "${theme["basics.fontFamilies.main"]}",
      fontWeightRegular: "${theme["basics.fontWeights.regular"]}",
      fontWeightMedium: "${theme["basics.fontWeights.bold"]}",
      useNextVariants: true,
      body1: {
        fontSize: "${theme["density.fontSizes.medium"]}",
        fontWeight: "${theme["basics.fontWeights.regular"]}",
        lineHeight: "${theme["basics.lineHeights.medium"]}",
        color: "${theme["colorScheme.textColor"]}"
      },
      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: {