Question

我想添加外部字体“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; }

但它不会采取字体？为什么会这样？我检查了文件的路径，我确信它是正确的。基础工作的方式有什么问题吗？我真的需要你的帮助ppl！

Answer 1

我和Zurb基金会没有遇到任何问题。你的字体代码对我来说似乎很好......

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

如果它有效，可能是你的身体定义在zurb编译文件_globals.scss时创建的主体之前，第二个覆盖第一个。要测试是否存在问题，可以将！important声明用于font-family。这就是说它声明在哪里无关紧要的方式，这就是使用它。

外部字体在Foundation.Zurb CSS中不起作用

1 个答案: