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