ゆう's Blog
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(開発メニューを有効にすると表示)
ここに その要素の中で実際に使われたフォント名とフォントファイル が表示されます。