

/* =========================
   FONT REGISTER
========================= */

@font-face {
  font-family: 'Aldrich';
  src: url('../fonts/Aldrich.ttf') format('truetype');
}

@font-face {
  font-family: 'HGPGothicE';
  src: url('../fonts/HGPGothicE.ttf') format('truetype');
}

@font-face {
  font-family: 'Yahei';
  src: url('../fonts/Microsoft YaHei.TTC') format('truetype');
}

@font-face {
  font-family: 'zpix';
  src: url('../fonts/zpix.ttf') format('truetype');
}

@font-face {
  font-family: 'Bungee';
  src: url('../fonts/Bungee.ttf') format('truetype');
}

@font-face {
  font-family: 'PRESSSTART';
  src: url('../fonts/PRESSSTART2P-REGULAR.TTF') format('truetype');
}

@font-face {
  font-family: 'MIB';
  src: url('../fonts/MIB.TTF') format('truetype');
}

@font-face {
  font-family: 'IMPACT';
  src: url('../fonts/IMPACT.TTF') format('truetype');
}

@font-face {
  font-family: '8BITWONDER';
  src: url('../fonts/8-BITWONDER.TTF') format('truetype');
}

@font-face {
  font-family: 'Turtles';
  src: url('../fonts/Turtles.otf') format('truetype');
}

@font-face {
  font-family: 'USSR';
  src: url('../fonts/USSR.TTF') format('truetype');
}


/* FONT */

:root {
  --font-en: 'Aldrich', sans-serif;
  --font-jp: 'HGPGothicE', 'MS PGothic', sans-serif;
  --font-chs: 'Yahei', sans-serif;

  /* ----------------- */

  --font-zpix: 'zpix', monospace;
  --font-bungee: 'Bungee', sans-serif;
  --font-press: 'PRESSSTART', monospace;
  --font-mib: 'MIB', sans-serif;
  --font-impact: 'IMPACT', sans-serif;
  --font-8bit: '8BITWONDER', monospace;
  --font-turtles: 'Turtles', sans-serif;
  --font-ussr: 'USSR', sans-serif;
}

body[data-current-lang="en"] {
  font-family: var(--font-en);
}

body[data-current-lang="jp"] {
  font-family: var(--font-jp);
}

body[data-current-lang="chs"] {
  font-family: var(--font-chs);
}

.lang[data-lang="en"] {
  font-family: var(--font-en);
}

.lang[data-lang="jp"] {
  font-family: var(--font-jp);
}

.lang[data-lang="chs"] {
  font-family: var(--font-chs);
}

.font-zpix {
  font-family: var(--font-zpix);
}

.font-bungee {
  font-family: var(--font-bungee);
}
