@font-face {
    font-family: 'noto_sansbold';
    src: url('notosans-bold.woff2') format('woff2'),
         url('notosans-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }  
  
  @font-face {
    font-family: 'noto_sanslight';
    src: url('notosans-light.woff2') format('woff2'),
         url('notosans-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  @font-face {
    font-family: 'noto_sansmedium';
    src: url('notosans-medium.woff2') format('woff2'),
         url('notosans-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  @font-face {
    font-family: 'noto_sansregular';
    src: url('notosans-regular.woff2') format('woff2'),
         url('notosans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }
  
  
  
  
  @font-face {
    font-family: 'noto_sanssemibold';
    src: url('notosans-semibold.woff2') format('woff2'),
         url('notosans-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
  }