/* NotoSans */
@font-face {
      font-family:'NotoSansL';
      font-style:normal;
      src: url('NotoSans-Light.ttf') format('truetype');
      src: url('NotoSans-Light.otf') format('opentype'),
           url('NotoSans-Light.woff') format('woff');
}

@font-face {
      font-family:'NotoSansR';
      font-style:normal;
      src: url('NotoSans-Regular.ttf') format('truetype');
      src: url('NotoSans-Regular.otf') format('opentype'),
           url('NotoSans-Regular.woff') format('woff');
}

@font-face {
      font-family:'NotoSansM';
      font-style:normal;
      src: url('NotoSans-Medium.ttf') format('truetype');
      src: url('NotoSans-Medium.otf') format('opentype'),
           url('NotoSans-Medium.woff') format('woff');
}

@font-face {
      font-family:'NotoSansB';
      font-style:normal;
      src: url('NotoSans-Bold.ttf') format('truetype');
      src: url('NotoSans-Bold.otf') format('opentype'),
           url('NotoSans-Bold.woff') format('woff');
}

/* Roboto */
@font-face {
      font-family:'RobotoL';
      font-style:normal;
      src: url('Roboto-Light.ttf') format('truetype');
      src: url('Roboto-Light.otf') format('opentype'),
           url('Roboto-Light.woff') format('woff');
}

@font-face {
      font-family:'RobotoR';
      font-style:normal;
      src: url('Roboto-Regular.ttf') format('truetype');
      src: url('Roboto-Regular.otf') format('opentype'),
           url('Roboto-Regular.woff') format('woff');
}

@font-face {
      font-family:'RobotoM';
      font-style:normal;
      src: url('Roboto-Medium.ttf') format('truetype');
      src: url('Roboto-Medium.otf') format('opentype'),
           url('Roboto-Medium.woff') format('woff');
}

@font-face {
      font-family:'RobotoB';
      font-style:normal;
      src: url('Roboto-Bold.ttf') format('truetype');
      src: url('Roboto-Bold.otf') format('opentype'),
           url('Roboto-Bold.woff') format('woff');
}