font-family に列記された候補のうち、どれが実際に描画に使われているか。
開発者ツールで確認する方法(Chrome / Edge / Firefox 共通)
1. 調べたい文字を右クリック →「検証」
ブラウザの開発者ツールが開きます。
2. Elements(要素)パネルで該当の要素を選択
3. Styles ではなく「Computed」タブを開く
ここに 実際に適用された CSS の最終結果 が表示されます。
4. 「Rendered Fonts(使用フォント)」を探す
Chrome / Edge / Firefox には 実際に描画に使われたフォント名 が表示される専用欄があります。
Chrome → Rendered Fonts
Firefox → Fonts
Edge → Rendered Fonts
Safari → Fonts(開発メニューを有効にすると表示)
ここに その要素の中で実際に使われたフォント名とフォントファイル が表示されます。