@font-face {
  font-family: 'Roobert';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('roobert-light-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: url('roobert-lightitalic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('roobert-regular-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('roobert-regularitalic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('roobert-medium-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url('roobert-mediumitalic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('roobert-semibold-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 600;
  font-style: italic;
  font-display: swap;
  src: url('roobert-semibolditalic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('roobert-bold-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url('roobert-bolditalic-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: url('roobert-heavy-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Roobert';
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  src: url('roobert-heavyitalic-webfont.woff2') format('woff2');
}