[光]

【お使いの Snow Monkey のバージョン】15.18.0
【お使いの Snow Monkey Blocks のバージョン】13.7.3
【お使いの Snow Monkey Editor のバージョン】6.2.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://yuki-yoga91.com/

### 実現したいこと
サーバーにfontsを作成しその中にアップロードしたdidot-regular.woffのフォントをh２に
適用させたい。

### 発生している問題
追加CSSの記述

@font-face{
  font-family: 'didot-regular';
  src: url('./fonts/didot-regular.woff') format('woff'),url('./fonts/didot-regular.eot') format('eot');
}

h2,.smb-section__title{
  font-family: 'didot-regular';
}

クラスにはfont-familyが適用されているようなので、
パスがうまくいっていないのか追加CSSに@font-faceを記述しない方が良いのかわからず質問させていただきました。

### 試したこと
URLのパスをhttpsからに試したりしましたが上手く解決できませんでした。
ご教授頂けると幸いです。

♥ 0

いいねをした人: 居ません

[まーちゅう]

デベロッパーツールのネットワークタブで確認すると、フォントファイルが404になっています。
fontsディレクトリーを配置しているのは、public_htmlでしょうか？
パスを修正すれば、font-familyは、適用されると思います。

♥ 1

いいねをした人:

[光]

返信ありがとうございます。
こちらのパスで適用されました。

@font-face{
  font-family: 'didot-regular';
  src: url('https://yuki-yoga91.com/wp-content/themes/snow-monkey/fonts/didot-regular.woff') format('woff'),url('https://yuki-yoga91.com/wp-content/themes/snow-monkey/fonts/didot-regular.eot') format('eot');
}

助言ありがとうございました。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

フォントを配置されているパスが Snow Monkey テーマの中になっています。WordPress のテーマは、アップデートするとテーマの中身が一旦全部消えて、インターネット上の最新のファイルがダウンロードされるという挙動になります（WordPress 自体もプラグインも同様）。なのでアップデートするとその配置されているフォントファイルは消えてしまうということになります。

テーマ領域に置きたければ子テーマを使うか、特にこだわりがなければ My Snow Monkey の中に配置してパスを通すのが安全です。

♥ 2

いいねをした人:

[投稿者]

投稿