font-weight in @font-face
The table below demonstrates the effect of omitting the
font-weight CSS property in the
@font-face declaration of a variable font with a weight
axis. For details, see
This website uses a variable font.
@font-face declaration |
normal | font-weight: 700 |
font-variation-settings: 'wght' 700 |
|---|---|---|---|
Without font-weight range |
Newsreader | Newsreader | Newsreader |
Without font-weight range,font-synthesis: none
|
Newsreader | Newsreader | Newsreader |
With font-weight range |
Newsreader | Newsreader | Newsreader |