1

外部フォント「Droid Serif」を追加したいので、そのフォントフェイスをfoundation.cssファイルに入れました。ここにコードがあります

@font-face{ font-family: 'MyWebFont'; 
    src: url('../font/DroidSerif-Bold-webfont.eot'); 
    src: url('../font/droid-bold/DroidSerif-Bold-webfont.eot?iefix') format('eot'),
         url('../font/droid-bold/DroidSerif-Bold-webfont.woff') format('woff'), 
         url('../font/droid-bold/DroidSerif-Bold-webfont.ttf') format('truetype'), 
         url('../font/DroidSerif-Bold-webfont.svg#webfont') format('svg'); }

今、私は体で名前を呼んでいます

body {
  background: #edebda;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "MyWebFont","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

しかし、それはフォントを取りませんか？なぜそうなのですか？ファイルのパスを確認しましたが、正しいと確信しています。ファンデーションの仕組みに問題はありますか？私は本当にあなたの助けが必要です。

4

1 に答える 1

1

Zurb Foundation で問題なく実行できました。あなたのfont-faceコードは私には良いようです...

これらのフォント プロパティを 1 つのアイテム (本文ではなく) に適用しようとしましたか? たとえば、それらをクラス名 (.apply-font) で囲み、div またはスパンに適用します。それは機能しますか？そうでない場合は、フォント ファイルへのパスに問題がある可能性があります。しかし、あなたはそれが問題ではないことを確信しています...

それが機能する場合、ファイル _globals.scss をコンパイルするときに、ボディの定義が zurb によって作成されたボディの定義の前に移動し、2 番目の定義が最初の定義を上書きする可能性があります。それが問題かどうかをテストするには、font-family に !important 宣言を使用できます。これは、宣言されている場所は問題ではなく、これを使用することを示す方法です。

于 2013-09-18T20:12:29.967 に答える