@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/SourceSans3-VariableFont_wght.ttf') format("truetype supports variations"),
    url('../fonts/SourceSans3-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/SourceSans3-Italic-VariableFont_wght.ttf') format("truetype supports variations"),
    src: url('../fonts/SourceSans3-Italic-VariableFont_wght.ttf') format("truetype-variations");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}


/** FALLBACK STATIC **/
@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/static/SourceSans3-Regular.ttf') format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/static/SourceSans3-Medium.ttf') format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/static/SourceSans3-Bold.ttf') format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/static/SourceSans3-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('../fonts/static/SourceSans3-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}