@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansMedium.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

html, body {
  font-family: 'Gmarket Sans', sans-serif !important;
}

/* Keep the font families required to render equations and icon glyphs. */
html:root body :not(:where(
  math, math *, .katex, .katex *, .katex-display, .katex-display *,
  .MathJax, .MathJax *, .MathJax_Display, .MathJax_Display *,
  mjx-container, mjx-container *, [data-font-role="math"], [data-font-role="math"] *,
  .material-icons, .material-icons-outlined, .material-icons-round,
  .material-icons-sharp, .material-icons-two-tone,
  .material-symbols-outlined, .material-symbols-rounded, .material-symbols-sharp,
  .fa, .fas, .far, .fal, .fab, .fad, .fa-solid, .fa-regular, .fa-brands,
  .glyphicon, .iconfont, .icon, .icon *, [data-font-role="icon"], [data-font-role="icon"] *,
  svg, svg *
)) {
  font-family: 'Gmarket Sans', sans-serif !important;
}

/* The existing rich-message editor has an ID-level sans-serif override. */
html body #message {
  font-family: 'Gmarket Sans', sans-serif !important;
}
