:root {
  --noto-sans: 'Noto Sans JP', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
  --mplus: 'M PLUS Rounded 1c', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
  --roboto: 'Roboto', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
  --mansalva: 'Mansalva', sans-serif, 'Font Awesome 7 Sharp', 'Font Awesome 7 Pro', 'Font Awesome 7 Brands', 'FontAwesome';
}

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

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

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

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