@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("../webfonts/") format('woff2');
  src: url(roboto-v30-latin-regular.woff) format('woff'), url(roboto-v30-latin-regular.ttf) format('truetype');
}

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

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

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url(../webfonts/roboto-v30-latin-700italic.eot),
  url(../webfonts/roboto-v30-latin-700italic.woff2) format('woff2'), url(roboto-v30-latin-700italic.woff) format('woff');
}