[improvement] フォント設定

[Andyou007]

Subject

現在、以下のように設定され、フォントファイルも同梱しているappリポジトリに倣って、フォントファイルを同梱する。ライセンス要件を満たすように整備する。また、必要ならフォント自体をUD・デザイン性の観点から見直す。

:root {
  --font-family-sans: "IBM Plex Sans", "Noto Sans JP", "Hiragino Sans", sans-serif;
  --font-family-mono: "Fira Code", "Noto Sans Mono", "Noto Sans JP", monospace;
}

[Andyou007]

1Pt(1/72inch)は物理的な絶対値。印刷時の1Px(1/96inch)も同じく絶対値だが、以下のように印刷スタイルブロックで定義した方がわかりやすい。ディスプレイ上では1remとの相対比で各要素を定義する。

/* 画面: アクセシビリティ優先。ユーザーのズーム/文字サイズ設定を尊重 */
body { font-size: 1rem; }

/* 印刷: UD要件を物理サイズで担保 */
@media print {
    @page { size: A3; margin: 15mm; }
    :root {
        --basic-font-size: 14pt;
        --minimum-font-size: 12pt;
        --maximum-font-size: 18pt;
    }
}