@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Thin-webfont.woff') format('woff'),
     url('../font/Roboto-Thin-webfont.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-ThinItalic-webfont.woff') format('woff'),
     url('../font/Roboto-ThinItalic-webfont.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Light-webfont.woff') format('woff'),
     url('../font/Roboto-Light-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-LightItalic-webfont.woff') format('woff'),
     url('../font/Roboto-LightItalic-webfont.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}


@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Regular-webfont.woff') format('woff'),
     url('../font/Roboto-Regular-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Italic-webfont.woff') format('woff'),
     url('../font/Roboto-Italic-webfont.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Medium-webfont.woff') format('woff'),
     url('../font/Roboto-Medium-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-MediumItalic-webfont.woff') format('woff'),
     url('../font/Roboto-MediumItalic-webfont.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-Bold-webfont.woff') format('woff'),
     url('../font/Roboto-Bold-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/Roboto-BoldItalic-webfont.woff') format('woff'),
     url('../font/Roboto-BoldItalic-webfont.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}