/* ==================================================================
   ★B31: 書体を自前で配る（セルフホスト）。
   取り込み前は fonts.googleapis.com の CSS を読み、そこから
   fonts.gstatic.com の woff2 を取りに行っていた。
   ★外の都合（遮断・障害・仕様変更）でページが崩れる原因になるので、
     woff2 を public/vendor/fonts/ に同梱し、ここで自分で宣言する。
   ★font-display: swap は元の指定（Google の &display=swap）と同じ。

   ★このサンプルだけ和文（Zen Kaku Gothic New）を使う。和文の全字は重い
     （1書体あたり数MB）ので、★このページに実際に出る 229 字だけを
     含む woff2 を配っている（Google の css2 の text= と同じ切り出し）。
     ページの文言を増やすときは、その字が入っていないと端末の書体に
     落ちる。★文言を変えたら woff2 を作り直すこと。
   ★重さ 300 は 3D ラベルの CanvasTexture が使う（'300 26px "Zen Kaku
     Gothic New"'）。画面上の CSS では 400/500/700 だけを使う。
   ================================================================== */

@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendor/fonts/marcellus-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../vendor/fonts/zen-kaku-gothic-new-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendor/fonts/zen-kaku-gothic-new-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../vendor/fonts/zen-kaku-gothic-new-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../vendor/fonts/zen-kaku-gothic-new-700.woff2') format('woff2');
}