ローカルにあるフォントがCSSに反映されません

『ほのか新アンティーク角』というフォントを見つけて、Webサイトに適用しようとしました。

ほのか新アンティーク角
http://font.gloomy.jp/honoka-antique-kaku-dl.html

フォントをダウンロードして公開フォルダに入れて、font-familyで指定しましたがなぜか反映されません（エラーも出ていません）

css
1@font-face {
2    font-family: 'HonokaAntiqueKaku';
3    src: url('/fonts/Honoka-Shin-Antique-Kaku_M.otf');
4    font-weight: normal;
5    font-style: normal;
6}
7
8body {
9    font-family: 'HonokaAntiqueKaku';
10}

特に何も特殊なことはなく、普通の指定方法だと思います。
エラーが出ないので、何が悪いのかもわかりません。

もしかしたら、このフォントがWebフォントとして使えない...なんていうこととかもあるのでしょうか？

ご存知の方いましたら、ご教示いただきたいです。
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ブラウザのコンソールにエラーでてましたよ。フォントの解析に失敗してますね。

Chrome97
Failed to decode downloaded font: http://127.0.0.1:8080/fonts/Honoka-Shin-Antique-Kaku_M.otf
OTS parsing error: cmap: Failed to parse table

Firefox96
downloadable font: cmap: Bad mapping (2F7B -> 7898) in mapping 1 of variation selector 0 (font-family: "HonokaAntiqueKaku" style:normal weight:400 stretch:100 src index:0) source: http://127.0.0.1:8080/fonts/Honoka-Shin-Antique-Kaku_M.otf
downloadable font: cmap: Failed to parse format 14 cmap subtable 2 (font-family: "HonokaAntiqueKaku" style:normal weight:400 stretch:100 src index:0) source: http://127.0.0.1:8080/fonts/Honoka-Shin-Antique-Kaku_M.otf
downloadable font: cmap: Failed to parse table (font-family: "HonokaAntiqueKaku" style:normal weight:400 stretch:100 src index:0) source: http://127.0.0.1:8080/fonts/Honoka-Shin-Antique-Kaku_M.otf
downloadable font: rejected by sanitizer (font-family: "HonokaAntiqueKaku" style:normal weight:400 stretch:100 src index:0) source: http://127.0.0.1:8080/fonts/Honoka-Shin-Antique-Kaku_M.otf

投稿2022/01/26 00:51