Googleフォントが反映されない

Question

前提・実現したいこと

Googleフォントを自サーバーから読み込ませたい

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

※Hiragino...が指定されてしまう

該当のソースコード

/*  CSS */
@font-face{
  font-display: swap;
  font-weight: 400;
  font-style: normal
  font-family: 'KosugiMaru-Regular';
  src: url('../fonts/KosugiMaru-Regular.ttf') format('ttf');
  }

body {
  font-family: 'KosugiMaru-Regular','Segoe UI','Verdana','Helvetica','Arial',sans-serif;
}

試したこと

１.fontsディレクトリ作成
２.KosugiMaru-Regular.ttfをアップロード
３.URL/fonts/KosugiMaru-Regular.ttfにアクセスして存在を確認（ダウンロード確認が出ます）

以上の内容からfonts/以降に該当のフォントをアップロード出来ているので
あとはCSS側で反映させてたいです

追記

src: url('/fonts/KosugiMaru-Regular.ttf') format('ttf'); →✖️
src: url('./fonts/KosugiMaru-Regular.ttf') format('ttf');→✖️
src: url('fonts/KosugiMaru-Regular.ttf') format('ttf');→✖️

初歩的な質問で大変恐縮です
アドバイスいただけると助かります

Answer 1

@font-face {
    font-family: 'Kosugi Maru';
    src: url("font/KosugiMaru-Regular.ttf");
}

body {
    font-family: 'Kosugi Maru';
}

これでフォントが適用されました。

sans-serifをつけるとKosugi Maruが効かないようです。
参考になれば幸いです。

Comments

[退会済みユーザー]

ありがとうございます。