@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Roboto Thin'), local('Roboto-Thin'), url('roboto-v51-latin-100.woff2') format('woff2'), url('roboto-v51-latin-100.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'), local('Roboto-Light'), url('roboto-v51-latin-300.woff2') format('woff2'), url('roboto-v51-latin-300.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url('roboto-v51-latin-regular.woff2') format('woff2'), url('roboto-v51-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Italic'), local('Roboto-Italic'), url('roboto-v51-latin-italic.woff2') format('woff2'), url('roboto-v51-latin-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url('roboto-v51-latin-700.woff2') format('woff2'), url('roboto-v51-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('roboto-v51-latin-700italic.woff2') format('woff2'), url('roboto-v51-latin-700italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('roboto-condensed-v31-latin-300.woff2') format('woff2'), url('roboto-condensed-v31-latin-300.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url('roboto-condensed-v31-latin-300italic.woff2') format('woff2'), url('roboto-condensed-v31-latin-300italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('roboto-condensed-v31-latin-regular.woff2') format('woff2'), url('roboto-condensed-v31-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url('roboto-condensed-v31-latin-italic.woff2') format('woff2'), url('roboto-condensed-v31-latin-italic.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('roboto-condensed-v31-latin-700.woff2') format('woff2'), url('roboto-condensed-v31-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('roboto-condensed-v31-latin-700italic.woff2') format('woff2'), url('roboto-condensed-v31-latin-700italic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Noto Sans TC Thin'), local('NotoSansTC-Thin'), url('noto-sans-tc-v39-latin-100.woff2') format('woff2'), url('noto-sans-tc-v39-latin-100.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Noto Sans TC Light'), local('NotoSansTC-Light'), url('noto-sans-tc-v39-latin-300.woff2') format('woff2'), url('noto-sans-tc-v39-latin-300.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Sans TC'), local('NotoSansTC-Regular'), url('noto-sans-tc-v39-latin-regular.woff2') format('woff2'), url('noto-sans-tc-v39-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Noto Sans TC Medium'), local('NotoSansTC-Medium'), url('noto-sans-tc-v39-latin-500.woff2') format('woff2'), url('noto-sans-tc-v39-latin-500.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Sans TC Bold'), local('NotoSansTC-Bold'), url('noto-sans-tc-v39-latin-700.woff2') format('woff2'), url('noto-sans-tc-v39-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Noto Sans TC Black'), local('NotoSansTC-Black'), url('noto-sans-tc-v39-latin-900.woff2') format('woff2'), url('noto-sans-tc-v39-latin-900.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Serif'), local('NotoSerif-Regular'), url('noto-serif-v33-latin-regular.woff2') format('woff2'), url('noto-serif-v33-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Serif Italic'), local('NotoSerif-Italic'), url('noto-serif-v33-latin-italic.woff2') format('woff2'), url('noto-serif-v33-latin-italic.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Serif Bold'), local('NotoSerif-Bold'), url('noto-serif-v33-latin-700.woff2') format('woff2'), url('noto-serif-v33-latin-700.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Lora'), local('Lora-Regular'), url('lora-v37-latin-regular.woff2') format('woff2'), url('lora-v37-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Lora Italic'), local('Lora-Italic'), url('lora-v37-latin-italic.woff2') format('woff2'), url('lora-v37-latin-italic.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Lora Medium'), local('Lora-Medium'), url('lora-v37-latin-500.woff2') format('woff2'), url('lora-v37-latin-500.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Lora SemiBold'), local('Lora-SemiBold'), url('lora-v37-latin-600.woff2') format('woff2'), url('lora-v37-latin-600.woff') format('woff');
}
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Lora Bold'), local('Lora-Bold'), url('lora-v37-latin-700.woff2') format('woff2'), url('lora-v37-latin-700.woff') format('woff');
}