@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: local('Roboto'),
       local('Roboto-regular'),
       url('/fonts/Roboto-regular/Roboto-regular.woff2') format('woff2'),
       url('/fonts/Roboto-regular/Roboto-regular.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: local('Roboto Bold'),
       local('Roboto-700'),
       url('/fonts/Roboto-700/Roboto-700.woff2') format('woff2'),
       url('/fonts/Roboto-700/Roboto-700.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: italic;
  src: local('Roboto Italic'),
       local('Roboto-italic'),
       url('/fonts/Roboto-italic/Roboto-italic.woff2') format('woff2'),
       url('/fonts/Roboto-italic/Roboto-italic.woff') format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: italic;
  src: local('Roboto Bold Italic'),
       local('Roboto-700italic'),
       url('/fonts/Roboto-700italic/Roboto-700italic.woff2') format('woff2'),
       url('/fonts/Roboto-700italic/Roboto-700italic.woff') format('woff');
}

@font-face {
  font-family: 'Inconsolata';
  font-weight: 400;
  font-style: normal;
  src: local('Inconsolata'),
       local('Inconsolata-regular'),
       url('/fonts/Inconsolata-regular/Inconsolata-regular.woff2') format('woff2'),
       url('/fonts/Inconsolata-regular/Inconsolata-regular.woff') format('woff');
}
