@charset "utf-8";

@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
  font-weight: 1 999;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Italic-VariableFont_wdth,wght.ttf') format("truetype-variations");
  font-weight: 1 999;
  font-style: italic;
}
/* normal|bold|bolder|lighter*/
@font-face {
  font-family: 'Noto Sans TC';
  src: url('NotoSansTC-Regular.otf');
  font-weight: normal;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('NotoSansTC-Medium.otf');
  font-weight: bold;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('NotoSansTC-Bold.otf');
  font-weight: bolder;
}
@font-face {
  font-family: 'Noto Sans TC';
  src: url('NotoSansTC-Light.otf');
  font-weight: lighter;
}

@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-Italic.ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-Medium.ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-MediumItalic.ttf');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-Bold.ttf');
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-BoldItalic.ttf');
  font-weight: bolder;
  font-style: italic;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-Light.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu';
  src: url('Ubuntu-LightItalic.ttf');
  font-weight: lighter;
  font-style: italic;
}