:root {
  --noto-sans: 'Noto Sans JP', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
  --zenkaku: 'Zen Kaku Gothic New', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
  --roboto: 'Roboto Condensed', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
}


[data-ff="noto-sans"] {
  font-family: var(--noto-sans);
}

[data-ff="noto-serif"] {
  font-family: var(--noto-serif);
}

[data-ff="zenkaku"] {
  font-family: var(--zenkaku);
}

[data-ff="roboto"] {
  font-family: var(--roboto);
}

[data-ff="m-plus1"] {
  font-family: var(--m-plus1);
}

[data-ff="oswald"] {
  font-family: var(--oswald);
}