@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./woff2/Roboto-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('woff2/Roboto-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Tardix Regular';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('woff2/Tardix-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('woff2/NotoSerifSC-Bold.woff2') format('woff2');
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  font-family: "Tardix Regular", serif;
}

p {
  font-family: "Roboto", sans-serif;
}

:lang(cn), :lang(tw), :lang(hk), :lang(mo), :lang(jp), 
:lang(kr), :lang(kp), :lang(sg), :lang(my), :lang(th), 
:lang(vn), :lang(id), :lang(ph), :lang(kh), :lang(la), 
:lang(mm), :lang(bn) {
  font-family: "Noto Serif SC", "Tardix Regular", serif !important;
  font-weight: 700;
}

p:lang(cn), p:lang(tw), p:lang(hk), p:lang(mo), p:lang(jp), 
p:lang(kr), p:lang(kp), p:lang(sg), p:lang(my), p:lang(th), 
p:lang(vn), p:lang(id), p:lang(ph), p:lang(kh), p:lang(la), 
p:lang(mm), p:lang(bn) {
  font-family: "Noto Serif SC", "Roboto", sans-serif !important;
  font-weight: 700;
}