/* Noto Sans TC */
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  src:  url("../fonts/notosanstc-light.woff2") format("woff2"),
        url("../fonts/notosanstc-light.woff") format("woff"),
        url("../fonts/noto-sans-tc/NotoSerifTC-Light.otf") format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  src:  url("../fonts/notosanstc-regular.woff2") format("woff2"),
        url("../fonts/noto-sans-tc/NotoSansTC-Regular.woff") format("woff"),
        url("../fonts/noto-sans-tc/NotoSansTC-Regular.otf") format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  src:  url("../fonts/notosanstc-medium.woff2") format("woff2"),
        url("../fonts/noto-sans-tc/NotoSansTC-Medium.woff") format("woff"),
        url("../fonts/noto-sans-tc/NotoSansTC-Medium.otf") format('opentype');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 600;
  src:  url("../fonts/notosanstc-bold.woff2") format("woff2"),
        url("../fonts/noto-sans-tc/NotoSansTC-Bold.woff") format("woff"),
        url("../fonts/noto-sans-tc/NotoSansTC-Bold.otf") format('opentype');
}

/* Roboto */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src:  url("../fonts/roboto-light.woff2") format("woff2"),
        url("../fonts/roboto/Roboto-Light.woff") format("woff");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src:  url("../fonts/roboto-regular.woff2") format("woff2"),
        url("../fonts/roboto-regular.woff") format("woff");
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src:  url("../fonts/roboto-bold.woff2") format("woff2"),
        url("../fonts/roboto-bold.woff") format("woff");
}