/* Roboto Light */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src:
    url('/devExtreme/css/fonts/Roboto-300.woff2') format('woff2'),
    url('/devExtreme/css/fonts/Roboto-300.woff') format('woff');
}

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

/* Roboto Medium */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src:
    url('/devExtreme/css/fonts/Roboto-500.woff2') format('woff2'),
    url('/devExtreme/css/fonts/Roboto-500.woff') format('woff');
}

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