サーバーにアップロードしたfontが反映されない

Question

前提・実現したいこと

プラグインで読み込んでいるGoogleフォントをレンタルサーバーにアップロードしてそっちから読み込む方法に変更したいです

発生している問題・エラーメッセージ

サーバーにアップロードしてcssを変更したのですがフォントが何故か反映されません

該当のソースコード

@font-face {
 font-family: 'ABeeZee';
 src: url( "fonts/ABeeZee-Regular.woff") format('woff');
 font-weight: normal;
 font-style: normal;
}

body, #content, .entry-content, .post-content, .page-content, .post-excerpt, .entry-summary, .entry-excerpt, .widget-area, .widget, .sidebar, #sidebar, footer, .footer, #footer, .site-footer{
font-family: 'ABeeZee';
}

試したこと

https://kinsta.com/jp/blog/how-to-change-font-in-wordpress/

1. GoogleからwebフォントをDL
2. .ttfから.woffに変換（https://convertio.co/ja/ttf-woff/）
3. レンタルサーバーにfontsフォルダ作成(wp-content/themes/テーマ名)
4. fontsフォルダにフォントをアップロード
5. style.cssにコードを追加

補足情報（FW/ツールのバージョンなど）

WordPressバージョン：5.7.2
PHPバージョン：7.4.13

追加情報１

エックスサーバーに作ったfontsディレクトリ

## 追加情報2

Answer 1

url指定が間違っており、フォントが読み込まれていないのが原因だと思います。

src: url( "fonts/ABeeZee-Regular.woff")　

ここを適切なurlに変更して、スーパーリロードしてみてください。

Comments

[退会済みユーザー]

```
・src: url( "./fonts/ABeeZee-Regular.woff")　 →×
・src: url( "../fonts/ABeeZee-Regular.woff")　 →×
```
でも反映されませんでした
適切なurlとはファイルパスと理解しています

[Jon_do]

例えば、teratailのロゴは
<img src="https://teratail-v2.storage.googleapis.com/assets/img/common/ttlHeader.png" alt="teratail"
width="90">
こんな感じになっています。
fontも同じように
src: url( "https://(環境によって違う)/ABeeZee-Regular.wofff")
とやってみてください。

[退会済みユーザー]

src: url( "https://hogehoge.com/ABeeZee-Regular.wofff")
にして反映されませんでした
念のためhttps://hogehoge.com/ABeeZee-Regular.wofffにアクセスして確認したところ
404でした

[Jon_do]

fonts/ABeeZee-Regular.wofff　と書かれているので、
https://hogehoge.com/fonts/ABeeZee-Regular.wofff
みたいな感じになるかと思います。
fontsフォルダがどこにあるかでもurlは変わってきます。

[退会済みユーザー]

何度もすいません
さっきの回答でfonts/抜けていました
実際は https://hogehoge.com/fonts/ABeeZee-Regular.wofff で404 not foundになります。
ディクトリの画像なども追加いたします

[Jon_do]

https://hogehoge.com/wp-content/themes/cocoon-master/fonts/ABeeZee-Regular.wofff

[退会済みユーザー]

ありがとうございます
出来ました。