wordpress - font-face ディレクトリ

Question

WordPress の Web サイトにカスタムフォントを追加しようとしていますが、ここで何をしているのかよくわかりません。

今のところ、私のテーマディレクトリには、font.otf を配置したフォントディレクトリがあります。私の style.css は、テーマディレクトリにあります。

テーマ

------style.css

- - - フォント

----------Museo300-Regular.otf

コンパスを使用して、次のようなフォントフェイスを生成しています。

@include font-face("Museo300", font-files("font/Museo300-Regular.otf"));

これは私にこれを出力しました: @font-face { font-family: "Museo300"; src: url('fonts/font/Museo300-Regular.otf') format('opentype'); }

そして、私がそれを使おうとすると：

#headerContainer header #menu li {
  float: left;
  font-family: "Museo300";
  color: #FFF; }

しかし、私はフォントが慣れていません！

だから誰かが私が間違っている場所を知っているなら! ありがとう

score 1 · Accepted Answer

サーバーのセットアップに応じて、このようにする必要があります。また、以前はフォントファイルやコンパスを使用したことがありません。私は使用srcしますが、サーバーパスを推測しています。つまり、フォントが別の場所にあると考えられます。

@include font-face("Museo300", src("../font/Museo300-Regular.otf"));

また

@font-face {
   font-family: 'Museo300';
   src: url('../font/Museo-Regular.otf');
   font-weight: normal;
   font-style: normal;
}

score 0 · Accepted Answer

あなたのパスは間違っています-それは単にディレクトリへの「パス」を正しく示している場合です。

これが何をすべきかです：あなたのフォントディレクトリに私は新しいファイルfonts.cssを置きます

次に、style.cssにCSS @import（font / fonts.css）ステートメントを配置します

そのファイルを含めます。それは物事を整頓するのに役立ち、サイト間でフォントファイルを簡単に移動できます。このようなカスタムフォント用のFont Squirrelジェネレーター-無料のサイトで、CSSを作成するのに非常に便利です！

2 に答える 2