@font-face {
  font-family: 'roboto.black-italic';
  src: url(./roboto.black-italic.eot);
  src: url(./roboto.black-italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.black-italic.otf) format('otf'),
       url(./roboto.black-italic.svg#roboto.black-italic) format('svg'),
       url(./roboto.black-italic.ttf) format('truetype'),
       url(./roboto.black-italic.woff) format('woff'),
       url(./roboto.black-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.thin-italic';
  src: url(./roboto.thin-italic.eot);
  src: url(./roboto.thin-italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.thin-italic.svg#roboto.thin-italic) format('svg'),
       url(./roboto.thin-italic.otf) format('otf'),
       url(./roboto.thin-italic.ttf) format('truetype'),
       url(./roboto.thin-italic.woff) format('woff'),
       url(./roboto.thin-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.thin';
  src: url(./roboto.thin.eot);
  src: url(./roboto.thin.eot?#iefix) format('embedded-opentype'),
       url(./roboto.thin.otf) format('otf'),
       url(./roboto.thin.svg#roboto.thin) format('svg'),
       url(./roboto.thin.ttf) format('truetype'),
       url(./roboto.thin.woff) format('woff'),
       url(./roboto.thin.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.regular';
  src: url(./roboto.regular.eot);
  src: url(./roboto.regular.eot?#iefix) format('embedded-opentype'),
       url(./roboto.regular.otf) format('otf'),
       url(./roboto.regular.svg#roboto.regular) format('svg'),
       url(./roboto.regular.ttf) format('truetype'),
       url(./roboto.regular.woff) format('woff'),
       url(./roboto.regular.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.medium-italic';
  src: url(./roboto.medium-italic.eot);
  src: url(./roboto.medium-italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.medium-italic.otf) format('otf'),
       url(./roboto.medium-italic.svg#roboto.medium-italic) format('svg'),
       url(./roboto.medium-italic.ttf) format('truetype'),
       url(./roboto.medium-italic.woff) format('woff'),
       url(./roboto.medium-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.medium';
  src: url(./roboto.medium.eot);
  src: url(./roboto.medium.eot?#iefix) format('embedded-opentype'),
       url(./roboto.medium.otf) format('otf'),
       url(./roboto.medium.ttf) format('truetype'),
       url(./roboto.medium.svg#roboto.medium) format('svg'),
       url(./roboto.medium.woff2) format('woff2'),
       url(./roboto.medium.woff) format('woff');
}

@font-face {
  font-family: 'roboto.light-italic';
  src: url(./roboto.light-italic.eot);
  src: url(./roboto.light-italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.light-italic.otf) format('otf'),
       url(./roboto.light-italic.svg#roboto.light-italic) format('svg'),
       url(./roboto.light-italic.ttf) format('truetype'),
       url(./roboto.light-italic.woff) format('woff'),
       url(./roboto.light-italic.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.light';
  src: url(./roboto.light.eot);
  src: url(./roboto.light.eot?#iefix) format('embedded-opentype'),
       url(./roboto.light.otf) format('otf'),
       url(./roboto.light.woff) format('woff'),
       url(./roboto.light.ttf) format('truetype'),
       url(./roboto.light.svg#roboto.light) format('svg'),
       url(./roboto.light.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.italic';
  src: url(./roboto.italic.eot);
  src: url(./roboto.italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.italic.otf) format('otf'),
       url(./roboto.italic.svg#roboto.italic) format('svg'),
       url(./roboto.italic.ttf) format('truetype'),
       url(./roboto.italic.woff) format('woff'),
       url(./roboto.italic.woff2) format('woff2');
}

@font-face {
  font-family: 'roboto.bold-italic';
  src: url(./roboto.bold-italic.eot);
  src: url(./roboto.bold-italic.eot?#iefix) format('embedded-opentype'),
       url(./roboto.bold-italic.otf) format('otf'),
       url(./roboto.bold-italic.svg#roboto.bold-italic) format('svg'),
       url(./roboto.bold-italic.ttf) format('truetype'),
       url(./roboto.bold-italic.woff2) format('woff2'),
       url(./roboto.bold-italic.woff) format('woff');
}

@font-face {
  font-family: 'roboto.bold';
  src: url(./roboto.bold.eot);
  src: url(./roboto.bold.eot?#iefix) format('embedded-opentype'),
       url(./roboto.bold.otf) format('otf'),
       url(./roboto.bold.svg#roboto.bold) format('svg'),
       url(./roboto.bold.ttf) format('truetype'),
       url(./roboto.bold.woff) format('woff'),
       url(./roboto.bold.woff2) format('woff2');
}


/* Noto Sans  */

@font-face {
  font-family: 'Noto-Sans-Blk';
  src: url('NotoSans-Black.eot');
  src: url('NotoSans-Black.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Black.woff2') format('woff2'),
      url('NotoSans-Black.woff') format('woff'),
      url('NotoSans-Black.ttf') format('truetype'),
      url('NotoSans-Black.svg#NotoSans-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-ExtLt';
  src: url('NotoSans-ExtraLight.eot');
  src: url('NotoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-ExtraLight.woff2') format('woff2'),
      url('NotoSans-ExtraLight.woff') format('woff'),
      url('NotoSans-ExtraLight.ttf') format('truetype'),
      url('NotoSans-ExtraLight.svg#NotoSans-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-italic';
  src: url('NotoSans-Italic.eot');
  src: url('NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Italic.woff2') format('woff2'),
      url('NotoSans-Italic.woff') format('woff'),
      url('NotoSans-Italic.ttf') format('truetype'),
      url('NotoSans-Italic.svg#NotoSans-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-bold';
  src: url('NotoSans-Bold.eot');
  src: url('NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Bold.woff2') format('woff2'),
      url('NotoSans-Bold.woff') format('woff'),
      url('NotoSans-Bold.ttf') format('truetype'),
      url('NotoSans-Bold.svg#NotoSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'NotoSanslight';
  src: url('NotoSans-Light.eot');
  src: url('NotoSans-Light.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Light.woff2') format('woff2'),
      url('NotoSans-Light.woff') format('woff'),
      url('NotoSans-Light.ttf') format('truetype'),
      url('NotoSans-Light.svg#NotoSans-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-regular';
  src: url('NotoSans-Regular.eot');
  src: url('NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Regular.woff2') format('woff2'),
      url('NotoSans-Regular.woff') format('woff'),
      url('NotoSans-Regular.ttf') format('truetype'),
      url('NotoSans-Regular.svg#NotoSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-SemBd';
  src: url('NotoSans-SemiBold.eot');
  src: url('NotoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-SemiBold.woff2') format('woff2'),
      url('NotoSans-SemiBold.woff') format('woff'),
      url('NotoSans-SemiBold.ttf') format('truetype'),
      url('NotoSans-SemiBold.svg#NotoSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto-Sans-Med';
  src: url('NotoSans-Medium.eot');
  src: url('NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
      url('NotoSans-Medium.woff2') format('woff2'),
      url('NotoSans-Medium.woff') format('woff'),
      url('NotoSans-Medium.ttf') format('truetype'),
      url('NotoSans-Medium.svg#NotoSans-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}