html - @ font-face未在任何浏览器中加载

我是@ font-face的新手。我已经浏览了所有这里的帖子，一些教程，并且弄不清为什么我的字体没有加载。我正在激活和停用字体，以查看它是否通过服务器顺利加载。奇怪的是，当它被激活时，它可以在浏览器中运行，但不能在本地运行。

我在字体文件夹中有css文件，并将其全部上传到服务器。我已经测试了字体附带的演示文件，并且效果很好。

我确定我缺少一些非常基本的东西，我会感到非常愚蠢。

这是我的@ font-face CSS：

@font-face {
    font-family: 'capsuularegular';
    src: url('fonts/Capsuula-webfont.eot');
    src: url('fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Capsuula-webfont.woff') format('woff'),
         url('fonts/Capsuula-webfont.ttf') format('truetype'),
         url('fonts/Capsuula-webfont.svg#capsuularegular') format('svg');
    font-weight: normal;
    font-style: normal;

这是我正在尝试使其运行的页面：
http://takatech.com/index.2.html#

任何帮助是极大的赞赏。

最佳答案

这是因为字体系列是capsuularegular，而您在＃main-wide Capsuula中

因此，将您的CSS更改为：

#main-wide {
    color: #999999;
    font-family: "capsuularegular";
    font-size: 14px;
    line-height: 30px;
    text-align: left;
}