@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans-Regular'), local('Noto Sans-Regular'), local('Noto Sans-Regular');
  src: url(../eot/notosans-regular.eot);
  src: url(../eot/notosans-regular.eot) format('embedded-opentype'),
       url(../woff2/notosans-regular.woff2) format('woff2'),
       url(../woff/notosans-regular.woff) format('woff'),
       url(../notosans-regular.html) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans-Medium'), local('Noto Sans-Medium'), local('Noto Sans-Medium');
  src: url(../eot/notosans-medium.eot);
  src: url(../eot/notosans-medium.eot) format('embedded-opentype'),
       url(../woff2/notosans-medium.woff2) format('woff2'),
       url(../woff/notosans-medium.woff) format('woff'),
       url(../notosans-medium.html) format('truetype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans Bold'), local('Noto Sans Bold'), local('Noto Sans Bold');
  src: url(../eot/notosans-bold.eot);
  src: url(../eot/notosans-bold.eot) format('embedded-opentype'),
       url(../woff2/notosans-bold.woff2) format('woff2'),
       url(../woff/notosans-bold.woff) format('woff'),
       url(../notosans-bold.html) format('truetype');
}