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 做到了，没有任何问题。你的字体代码对我来说似乎很好......

您是否尝试将这些字体属性应用于单个项目（而不是正文）？例如，将它们包含在类名 (.apply-font) 中并将其应用于 div 或 span。它有效吗？如果不是，则可能是您的字体文件存在路径问题。但你确定这不是问题...

如果可行，则可能是您的主体定义在 zurb 在编译文件 _globals.scss 时创建的主体之前出现，并且第二个覆盖了第一个。要测试这是否是问题所在，您可以对字体系列使用 !important 声明。这就是说它在哪里声明无关紧要，这是要使用的一种方式。

于 2013-09-18T20:12:29.967 回答