@font-face {
      font-family: 'NotoSans';
      font-weight: 400;
      src: url(../font/NotoSans-Regular.eot);
      src: local('☺'),
            url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
            url(../font/NotoSans-Regular.woff2) format('woff2'),
            url(../font/NotoSans-Regular.woff) format('woff'),
            url(../font/NotoSans-Regular.ttf) format('truetype');
}

@font-face {
      font-family: 'NotoSans';
      font-weight: 700;
      src: url(../font/NotoSans-Bold.eot);
      src: local('☺'),
            url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
            url(../font/NotoSans-Bold.woff2) format('woff2'),
            url(../font/NotoSans-Bold.woff) format('woff'),
            url(../font/NotoSans-Bold.ttf) format('truetype');
}

@font-face {
      font-family: 'NotoSans';
      font-weight: 900;
      src: url(../font/NotoSans-Black.eot);
      src: local('☺'),
            url(../font/NotoSans-Black.eot?#iefix) format('embedded-opentype'),
            url(../font/NotoSans-Black.woff2) format('woff2'),
            url(../font/NotoSans-Black.woff) format('woff'),
            url(../font/NotoSans-Black.ttf) format('truetype');
}

@font-face {
      font-family: 'NotoSans';
      font-weight: 300;
      src: url(../font/NotoSans-Light.eot);
      src: local('☺'),
            url(../font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
            url(../font/NotoSans-Light.woff2) format('woff2'),
            url(../font/NotoSans-Light.woff) format('woff'),
            url(../font/NotoSans-Light.ttf) format('truetype');
}