Html 当代码看起来正确时，Webfonts不起作用

我正在创建一个新网站，而webfonts根本不起作用。我从以前的网站上偷了一段代码和相同的字体文件，但它们在这个新网站上不起作用。我在一个响应性框架中工作，所以我感觉有些东西比我为使用webfonts而编写的代码更重要

URL是，我（目前）尝试制作webfont的块是顶部的大“Will Ryan”

加载字体

  @font-face {
  font-family: 'MuseoSlab700';
  src: url('assets/webfonts/museo_slab_700-webfont.eot') format('eot'), 
       url('assets/webfonts/museo_slab_700-webfont.woff') format('woff'),
       url('assets/webfonts/museo_slab_700-webfont.ttf') format('truetype');
  /* font-weight:200; /* fixes bold bug in Firefox */
  /*-webkit-font-smoothing: antialiased; /* Fixes viewing in Safari. Maybe unnecessary */
  }

标题代码

h1, h2, h3, h4, h5, h6 {
font-family:  'MuseoSlab700', Helvetica, sans-serif;
font-weight : normal;
margin-top: 10px;
letter-spacing: 0;
}

h2 { 
font-family: 'MuseoSlab700';
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
text-align: center;
}

特定标头代码

h1, h2, h3, h4, h5, h6 {
font-family:  'MuseoSlab700', Helvetica, sans-serif;
font-weight : normal;
margin-top: 10px;
letter-spacing: 0;
}

h2 { 
font-family: 'MuseoSlab700';
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
text-align: center;
}

html

• 你的CSS在这里：，更确切地说

• 从那里，您将尝试加载

  assets/webfont/aCertainWebFont.woff

• 因此WOFF文件应该位于目录

  /responsive/css/assets/webfont/

  
  （在FTP/SSH端，类似于

  /var/site102/www/responsive/css/assets/webfont/

  但我离题了）

---

您可以在网络选项卡中签入Firebug或Inspector或任何开发工具（F12）：红色和404状态不好，正确加载更好：）

似乎只是在响应文件夹中复制资产文件夹的问题相信我，我想这一定也是问题所在，因为其他一切似乎都是正确的。但是我已经检查过好几次了，我的资产文件夹在我网站的根文件夹中，webfonts文件夹在那里。所以你有问题了：）哦，天哪，我觉得自己很愚蠢。。。我没有意识到我的css在一个文件夹中，与资产文件夹不在同一级别。我最后只是在资产前面加了一个“./”来提升一个级别。谢谢你的帮助！