/* @font-face {
  font-family: 'Muli';
  src: url(./muli/Muli-Regular.ttf) format('truetype');
  font-style: normal;
} */

@font-face {
  font-family: 'Muli';
  src: local('Muli'), 
  url(./muli/Muli-Regular.otf) format('opentype'), 
  url(./muli/Muli-Italic.ttf) format('truetype'),
  url(./muli/Muli-Regular.woff2) format('woff2'),
  url(./muli/Muli-Regular.woff) format('woff');
  font-style: normal;
  font-weight: normal;
  font-display: block;
}

@font-face {
  font-family: 'Muli';
  src: local('Muli'), 
  url(./muli/Muli-Italic.otf) format('opentype'),
  url(./muli/Muli-Italic.ttf) format('truetype'),
  url(./muli/Muli-Italic.woff2) format('woff2'),
  url(./muli/Muli-Italic.woff) format('woff');
  font-style: italic;
  font-display: block;
}

@font-face {
  font-family: 'Muli';
  src: local('Muli'), 
  url(./muli/Muli-Bold.otf) format('opentype'),
  url(./muli/Muli-Bold.ttf) format('truetype'),
  url(./muli/Muli-Bold.woff2) format('woff2'),
  url(./muli/Muli-Bold.woff) format('woff');
  font-weight: bold;
  font-display: block;
}

/* TC */

@font-face {
  font-family: 'Noto Sans TC';
  src: 
  url(./Noto_Sans_TC/NotoSansTC-Regular.woff2) format('woff2'),
  url(./Noto_Sans_TC/NotoSansTC-Regular.woff) format('woff');
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url(./Noto_Sans_TC/NotoSansTC-P.ttf) format('truetype');
  unicode-range: U+FF00-FFEF, U+3000-303F, U+FE10-FE1F;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: local('FangSong');
  unicode-range: U+FE50-FE6F;
  font-display: block;
}


@font-face {
  font-family: 'Noto Sans TC';
  src: 
  url(./Noto_Sans_TC/NotoSansTC-Bold.woff2) format('woff2'),
  url(./Noto_Sans_TC/NotoSansTC-Bold.woff) format('woff');
  font-weight: bold;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans TC';
  src: url(./Noto_Sans_TC/NotoSansTC-P.ttf) format('truetype');
  unicode-range: U+FF00-FFEF, U+3000-303F, U+FE10-FE1F;
  font-weight: bold;
  font-display: block;
}


@font-face {
  font-family: 'Noto Sans TC';
  src: local('FangSong');
  unicode-range: U+FE50-FE6F;
  font-weight: bold;
  font-display: block;
}





/* SC */

@font-face {
  font-family: 'Noto Sans SC';
  src: 
  url(./Noto_Sans_SC/NotoSansSC-Regular.woff2) format('woff2'),
  url(./Noto_Sans_SC/NotoSansSC-Regular.woff) format('woff');
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url(./Noto_Sans_TC/NotoSansTC-P.ttf) format('truetype');
  unicode-range: U+FF00-FFEF, U+3000-303F, U+FE10-FE1F;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: local('FangSong');
  unicode-range: U+FE50-FE6F;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: 
  url(./Noto_Sans_SC/NotoSansSC-Bold.woff2) format('woff2'),
  url(./Noto_Sans_SC/NotoSansSC-Bold.woff) format('woff');
  font-weight: bold;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: url(./Noto_Sans_TC/NotoSansTC-P.ttf) format('truetype');
  unicode-range: U+FF00-FFEF, U+3000-303F, U+FE10-FE1F;
  font-weight: bold;
  font-display: block;
}

@font-face {
  font-family: 'Noto Sans SC';
  src: local('FangSong');
  unicode-range: U+FE50-FE6F;
  font-weight: bold;
  font-display: block;
}