wordpressで使用したいフォントがあるのですが、CSSに追記しても反映されません><

Question

wordpressにてブログを作成させていただいています＊
あずきフォントを使用したくてダウンロードを行いました
↓
WOFFファイルに変換してXサーバーの子テーマにアップロードしました

↓
wordpressにて追記CSSにコードを張り付けました
*テーマはAFFINGER５です
---コード以下です

@font-face{
font-family:azuki;
src:url('azuki.woff')format('woff');
}

---

↓
変わらないままです...＞＜
AFFINGER5にはあらかじめフォントを設定する
このようなページがあります

このページのせいなのかな？と思ったので
その他のところにもあずきフォントと記入したのですが
反映されないままです…；；

＊実際に試してみたこと
CSSにコードを記入
AFFINGER５の設定にも記入><

もしフォントの変更についてわかる方がおりましたら教えていただけると嬉しいです
お手数おかけしますがよろしくお願いします＊

*追記です

*追記です

*追記です

*追記です

Answer 1

url にファイル名だけでは、フォントファイルを見つけられていないのだと思います。

src:url('azuki.woff')format('woff');

url を http や https からのフルパスで記載するとどうなりますか？

Comments

[rinka2]

回答いただきありがとうございます><
urlをhttps～に変えたのですが画像（質問に追加しました）のように
更新できません><
urlをそのまま打ち込む形であってますでしょうか？><（すみません；；）

[CHERRY]

url の文字を置き換えるのではなくて、フォントのファイル名の部分を URL に置きまえます。

具体的には、

src:url('https://example.com/wp-content/themes/テーマ名/azuki.woff')format('woff');

のようになると思います。

[rinka2]

わわ、ありがとうございます><
やってみます♪ありがとうございます＊

[rinka2]

やっぱり変わらずです...><すみません
コードは追記のように記載させていただきました><

[CHERRY]

うーん？
Web ブラウザの デベロッパーツールで確認すると Font ファイルは、読み込めていますか？
404 になっていたりしないでしょうか？

[rinka2]

何度もありがとうございます><*
ディベロッパーツールでfontの検索をかけると
追記の画像のような状態になっています..
これは読み込めている状態、と言えるのでしょうか?

[dousojin]

子テーマのディレクトリ名は/themes/affinger5-childなのに、/themes/WING-AFFINGER5 Child/azuki.woff としていますから404になってます。

[CHERRY]

rinka2 さん:

デベロッパーツールは、 console と書かれたタブに JavaScript のエラーや 404 エラー等が表示されるので確認してみてください

dousojin さん:
フォローありがとうございます。
画像のパスは、気がついていませんでした。

[rinka2]

@font-face{
src:url('https://smile-nuts-moon.com/wp-content/themes/affinger5-child/azuki.woff')format('woff');
}
というコードに記載しなおしたのですがそれでも変換されませんでした><すみません；
また、CHERRYさんがおっしゃったようにconsoleタブをクリックしたのですが白紙の状態?でした
画像は追記の部分に載せてあります><