@font-face {
  font-family: 'Roboto Serif';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  src: url('RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.woff2') format('woff2-variations'),
       url('RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Serif';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 50% 150%;
  src: url('RobotoSerif-Italic-VariableFont_GRAD,opsz,wdth,wght.woff2') format('woff2-variations'),
       url('RobotoSerif-Italic-VariableFont_GRAD,opsz,wdth,wght.woff2') format('woff2');
}