Css firefox中的字体呈现和：before

各位好，飞越者

我已经建立了一个网站，它在Chrome和FF上看起来很棒（但只在本地服务器上）。当上传时，chrome做得很好，看起来也很棒。FF不呈现@font-face字体..无法找出原因。使用基金会3。< /P> SASS：

在页脚中，有一些社交链接。它们具有使用a:before伪选择器的图标。同样，在chrome中很好，但在firefox中没有。我已经一个字母一个字母地检查了代码，看不到任何拼写错误……但是现在已经很晚了。这一个很奇怪，因为其中一个链接很好，但不是前两个：

css:

请回答这两个问题。

---

另一方面，该页面在ie中确实存在一些问题（例如滑块内容丢失、电影拇指覆盖不透明，可能还有一些其他问题）。我并不急于修复这些问题，但如果有人碰巧对它们进行了修复，我会很高兴。愚蠢的人妨碍了进步

您的服务器似乎配置错误，无法处理字体文件（woff、svg、eot、ttf）

服务器返回

500内部服务器错误

更新

这些字体似乎在（全部小写）

http://schwack.madmantis.co.uk/stylesheets/font/oswald/oswald-webfont.{格式}

使用以下字体定义更改

样式.css

：

@font-face {
  font-family: 'oswald';
  src: url("/stylesheets/font/oswald/oswald-webfont.eot");
  src: url("/stylesheets/font/oswald/oswald-webfont.eot?#iefix") format("embedded-opentype"), url("/stylesheets/font/oswald/oswald-webfont.woff") format("woff"), url("/stylesheets/font/Oswald/oswald-webfont.ttf") format("truetype"), url("/stylesheets/font/Oswald/oswald-webfont.svg#oswaldregular") format("svg");
  font-weight: lighter;
  font-style: lighter;
}

---

嗯……很有可能。但是为什么浏览器不默认为其他许多文件中的一个呢？我以为这就是撤退的重点。。。另外，我还把文件夹“Oswald”改成了“Oswald”，我想这可能是很愚蠢的事情。似乎我不喜欢知道这是一个未命中的配置（404？），而且，刚刚检查了权限，它们关闭了，但在755之后我没有注意到更改。您是否也可以更新

样式中的include.css

并将Oswald（大写字母）重命名为Oswald（小写字母）。浏览器会回退到

Helvetica

，在我的例子中是

Arial

（因为我在Windows机器上）

li:nth-of-type(1) a:before {        content: url('../images/watch-trailer.png');            }
        li:nth-of-type(2) a:before {        content: url('../images/rating.png');                   }
        li:nth-of-type(3) a:before {        content: url('../images/book-seats.png');               }
        li:nth-of-type(1) a:hover:before {  content: url('../images/watch-trailer-active.png');     }
        li:nth-of-type(2) a:hover:before {  content: url('../images/rating-active.png');            }
        li:nth-of-type(3) a:hover:before {  content: url('../images/book-seats-active.png');    

}

@font-face {
  font-family: 'oswald';
  src: url("/stylesheets/font/oswald/oswald-webfont.eot");
  src: url("/stylesheets/font/oswald/oswald-webfont.eot?#iefix") format("embedded-opentype"), url("/stylesheets/font/oswald/oswald-webfont.woff") format("woff"), url("/stylesheets/font/Oswald/oswald-webfont.ttf") format("truetype"), url("/stylesheets/font/Oswald/oswald-webfont.svg#oswaldregular") format("svg");
  font-weight: lighter;
  font-style: lighter;
}