0

YanoneKaffeesatzワードプレスのウェブサイトでフォントを使用しています。したがって、最初にこのフォントを使用するために、FontSquirrelからコードを生成しました。次に、このコードを取得しました

@font-face {
font-family: 'yanone_kaffeesatz_lightRg';
src: url('yanonekaffeesatz-light-webfont.eot');
src: url('yanonekaffeesatz-light-webfont.eot?#iefix') format('embedded-opentype'),
     url('yanonekaffeesatz-light-webfont.woff') format('woff'),
     url('yanonekaffeesatz-light-webfont.ttf') format('truetype'),
     url('yanonekaffeesatz-light-webfont.svg#yanone_kaffeesatz_lightRg') format('svg');
font-weight: normal;
font-style: normal;
}

次に、コードをcssファイルに貼り付け、変換されたすべてのフォント（.otf、.svg、.ttf）をWebサイトフォルダーに貼り付けますが、フォントは変更されていません。では、なぜこれが起こっているのか教えてもらえますか？ヘルプや提案は非常に高く評価されます。

4

1 に答える 1

1

フォント ファイルはスタイルシートと同じディレクトリにありますか? あなたは現在そのディレクトリを指しています。CSS のパスは、ルートではなく、スタイルシートに対して相対的です。

root 
  -css/styles.css
  -images/
  -fonts/
  index.html

上記の構造では、これを URL として使用します。

url('../fonts/your_font.font;);
于 2012-10-09T13:04:43.913 に答える