Skip to main content

font-weight

Return the font weight value defined in config/typography/_weights.scss.

ParameterTypeDescription
namestringThe name of the font weight.

Example

assets/styles/config/typography/_weights.scss
$thin: 100;
$extra-light: 200;
$light: 300;
$regular: 400;
$medium: 500;
$semi-bold: 600;
$bold: 700;
$extra-bold: 800;
$black: 900;
Components/ExampleComponent/_style.scss
.m-my-component {
font-weight: font-weight(bold); // => 700
}