@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-regular.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-regular-2.html') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-italic.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-italic-2.html') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-500.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-501.html') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-500italic.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-500italic-2.html') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-700.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-701.html') format('woff'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-700italic.html') format('woff2'), 
       url('roboto/roboto-v18-cyrillic_greek_latin_latin-ext-700italic-2.html') format('woff'); 
}