@font-face {
 font-family: 'MyVariableFontName';
 src: 'path/to/font/file/myvariablefont.woff2' format('woff2-variations');
 font-weight: 125 950;
 font-stretch: 75% 125%;
 font-style: oblique 0deg 12deg;
}

element {
 font-variation-settings: 'wght' 375, 'GRAD' 88;

 font-weight: 375;
 font-variation-settings: 'wght' 375;

 font-stretch: 115%;
 font-variation-settings: 'wdth' 115;

 Also note the introduction of font-synthesis: none;—which will prevent browsers from accidentally applying the variation axis and a synthesized italic. This can be used to prevent faux-bolding as well.

 font-style: italic;
 font-variation-settings: 'ital' 1;
 font-synthesis: none;
}