A variable serif font.
The variable version has adjustable weight.
Weight available from 100 to 800.
Check for font-variation-settings support.
h1 { font-family: 'serif', NonBreakingSpaceOverride, 'Hoefler Text', Garamond, 'Lucida Bright', Lucidabright, 'Lucida Serif', Lucida, 'Liberation Serif', 'Times New Roman', Constantia, Times, Georgia, serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; // Set font weight as bold. font-weight: 700; } // Make slightly bolder than bold. @supports( font-variation-settings: wght ) { h1 { font-variation-settings: 'wght' 735; } }
The static versions are as follows.
Two styles are available for each of the static weights.
normal, italic
Eight weights available for each of the static styles.
Extra-Light, Light, Regular, Medium, Semi-bold, Bold, Extra-bold, Black
100, 200, 300, 400, 500, 600, 700, 800, 900