当代码看起来正确时，WebFonts无法正常工作

Question

我正在创建一个新站点，而WebFonts根本无法正常工作。我偷走了我制作的上一个网站上的代码块以及相同的精确字体文件，但它们在这个新网站上不起作用。我正在从一个响应式框架中工作，所以我有一种感觉要优先考虑使用WebFonts的代码。

URL是http://willryan.us/responsive，而我（目前）试图制作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;
}

html

<div class="section group">
    <div class="col span_3_of_3">
    <h2><a href="index.html">WILL RYAN</a></h2>
    </div>
</div>

Answer 1

• 您的CSS在这里：http：//willryan.us/responsive/css/，更准确styles.css

• 从那里，您正在尝试加载assets/webfonts/aCertainWebFont.woff

• ，因此WOFF文件应在目录中/responsive/css/assets/webfonts/
  （在FTP/SSH侧，类似于/var/site102/www/responsive/css/assets/webfonts/，但我离题）

您可以在"网络"选项卡中检查firebug或nevelsor或任何devtools（ f12 ）：红色和404状态不好，正确加载更好：）/p>