我的@font-face代码在我的风格上有问题。主题的css文件。我已经将该主题作为HTML站点进行了测试，路径是相同的。风格。css文件使用字体文件夹的相对路径，如下所示：

`@字体正面{

font-family:\'Fertigo_PRO-webfont\';

    src:url(\'./fonts/Fertigo_PRO-webfont.eot\'); 

    src:url(\'./fonts/Fertigo_PRO-webfont.eot?iefix\') format(\'eot\'), 

        url(\'./fonts/Fertigo_PRO-webfont.woff\') format(\'woff\'), 

        url(\'./fonts/Fertigo_PRO-webfont.ttf\') format(\'truetype\'), 

        url(\'./fonts/Fertigo_PRO-webfont.svg#webfont\') format(\'svg\');

}

我在样式表中为id调用它：

#masthead{

    background-image:url(\'mastgrad.png\');

    background-repeat: repeat-x;

    height: 250px;

    width:100%;

    padding:20px 0 0 0;

    margin:0;

    }

字体没有显示在它应该显示的地方，尽管在我将其放在LAMPP服务器上进行开发之前，我从来没有遇到过这个问题。虽然我还没有在其他地方测试过，但它似乎在Firefox和Chrome中得到了复制。

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