Source Han Sans

/* Source Han Sans ExtraLight(Noto Sans Thin) */
@font-face {
  font-family: 'Source Han Sans ExtraLight';
  font-style: normal;
  font-weight: 100;
  src: local('Source Han Sans TC ExtraLight'),
       local('Source Han Sans ExtraLight'),
       local('Source Han Sans TWHK ExtraLight'),
       local('Noto Sans CJK Thin'),
       local('Noto Sans T Chinese Thin');
}

/* Source Han Sans Light(Noto Sans Light) */
@font-face {
  font-family: 'Source Han Sans Light';
  font-style: normal;
  font-weight: 200;
  src: local('Source Han Sans TC Light'),
       local('Source Han Sans Light'),
       local('Source Han Sans TWHK Light'),
       local('Noto Sans CJK Light'),
       local('Noto Sans T Chinese Light');
}

/* Source Han Sans Normal(Noto Sans DemiLight) */
@font-face {
  font-family: 'Source Han Sans Normal';
  font-style: normal;
  font-weight: 300;
  src: local('Source Han Sans TC Normal'),
       local('Source Han Sans Normal'),
       local('Source Han Sans TWHK Normal'),
       local('Noto Sans CJK DemiLight'),
       local('Noto Sans T Chinese DemiLight');
}

/* Source Han Sans Regular(Noto Sans Regular) */
@font-face {
  font-family: 'Source Han Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Source Han Sans TC Regular'),
       local('Source Han Sans Regular'),
       local('Source Han Sans TWHK Regular'),
       local('Noto Sans CJK Regular'),
       local('Noto Sans T Chinese Regular'),

  /* Internet Explorer fix*/
       local('Source Han Sans TC'),
       local('Source Han Sans'),
       local('Source Han Sans TWHK'),
       local('Noto Sans CJK'),
       local('Noto Sans T Chinese');
}

/* Source Han Sans Medium(Noto Sans Medium) */
@font-face {
  font-family: 'Source Han Sans Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Source Han Sans TC Medium'),
       local('Source Han Sans Medium'),
       local('Source Han Sans TWHK Medium'),
       local('Noto Sans CJK Medium'),
       local('Noto Sans T Chinese Medium');
}

/* Source Han Sans Bold(Noto Sans Bold) */
@font-face {
  font-family: 'Source Han Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Source Han Sans TC Bold'),
       local('Source Han Sans Bold'),
       local('Noto Sans CJK Bold'),
       local('Source Han Sans TWHK Bold'),
       local('Noto Sans T Chinese Bold'),

  /* Firefox fix*/
       local('Source Han Sans TC Bold Bold'),
       local('Source Han Sans Bold Bold'),
       local('Noto Sans CJK Bold Bold'),
       local('Source Han Sans TWHK Bold Bold'),
       local('Noto Sans T Chinese Bold Bold');
}

/* Source Han Sans Heavy(Noto Sans Black) */
@font-face {
  font-family: 'Source Han Sans Heavy';
  font-style: normal;
  font-weight: 900;
  src: local('Source Han Sans TC Heavy'),
       local('Source Han Sans Heavy'),
       local('Source Han Sans TWHK Heavy'),
       local('Noto Sans CJK Black'),
       local('Noto Sans T Chinese Black'),

  /* Firefox fix*/
       local('Source Han Sans TC Heavy Bold'),
       local('Source Han Sans Heavy Bold'),
       local('Noto Sans CJK Black Bold'),
       local('Source Han Sans TWHK Heavy Bold'),
       local('Noto Sans T Chinese Black Bold');
}