この記事はタイトルで言っていることが全てです。
この記事の結論
ブラウザを開いた後にシステムにインストールしたフォントは、ページを更新しても見つけてもらえません (少なくとも手元の Chrome では)。
ページを開き直してください。手元の Chrome では新しいタブで開けば反映されましたが、状況やブラウザによってはブラウザを再起動したほうがよいかもしれません。
私はこれに気付かずフォント名を何度も確認したり、問題の切り分けのために同じ構造のページを作成してみたり (当然そちらでは反映される) と、ど壺にはまったので、同様の事象に遭遇したら一旦ブラウザを閉じてみてください。
とはいえ、自分用の Web ページを作ってフォントをカスタマイズする方しか遭遇しない事象だと思います (他の人にも見せるページであれば Web フォントを使うと思うので)。
誤った手順
- あなたは自分用の (ローカル) Web ページをブラウザで開きます。
- あなたはページのフォントを新しくしたいと思い、新しいフォントをインストールします (自分用ページなので、Web フォントは使用せず、PC にインストールします)。
- あなたは新しくインストールしたフォント名をそのページの HTML ファイル (が参照する CSS) に記入します。
- そしてあなたはページを更新します。
- すると、なぜか新しいフォントが反映されません。
正しい手順
- あなたは自分用の (ローカル) Web ページをブラウザで開きます。
- あなたはページのフォントを新しくしたいと思い、新しいフォントをインストールします (自分用ページなので、Web フォントは使用せず、PC にインストールします)。
- あなたは新しくインストールしたフォント名をそのページの HTML ファイル (が参照する CSS) に記入します。
- そしてあなたはページを一旦閉じ、再度開きます。
- すると、新しいフォントが反映されます。