/* Roboto Variable Font (Regular) */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900; /* Variable font supports all weights */
  font-stretch: 75% 125%; /* Variable width if supported */
  font-display: swap;
  src: url('Roboto-VariableFont_wdth,wght.ttf') format('truetype-variations');
}

/* Roboto Variable Font (Italic) */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900; /* Variable font supports all weights */
  font-stretch: 75% 125%; /* Variable width if supported */
  font-display: swap;
  src: url('Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
}