Halchamdao
@Halchamdao

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Word Pressへカスタムフォント(WEBフォント)を導入したい

解決したいこと

Word Pressへカスタムフォントを導入したい

https://youssef-habchi.com
こちらのサイトで「DESKTOP + WEBFONT COMMERCIAL LICENSE」の有料フォントを購入しました。
.eot,otf,.svg,.ttf,.woffの形式でフォントのファイルを送って頂いたので、それをWord Pressに導入しホームページ制作に利用したいのですが上手くいきません。

自分で試したこと

1.Use Any Fontというプラグインを導入しましたがAPIの入力が分からず詰まりました。
https://youssef-habchi.com
に問い合わせましたが「APIとWEBフォントは無関係」との回答でした。

2.xサーバーを利用しているのでそちらのファイルマネージャーから、使用しているテーマ内にフォントファイルをアップロードしたところ、ファイルマネージャーからはファイルが確認できるのですが、Word Pressの管理画面(テーマファイルエディター)ではアップロードしているはずのフォントファイルが確認できません。

どなたかご教授頂けますと助かります。

0

1Answer

「テーマ内にフォントファイルをアップロードした」というのが具体的にどこかわからないですが、基本的にはCSSに下記のように記述し、パスを正しく設定してやるだけです。
https://developer.mozilla.org/ja/docs/Web/CSS/@font-face
テーマ内でなくても、たとえばルートディレクトリ直下にfontsというディレクトリを作り、そこにフォントファイルをアップロードすればsrc: url("/fonts/fontname.woff2") 等と記述することができます。

0Like

Comments

  1. @Halchamdao

    Questioner

    ご回答ありがとうございます!
    試してみます!
  2. @Halchamdao

    Questioner

    仰る通りに試してみて導入することができました!
    この度は誠にありがとうございました!!

Your answer might help someone💌