css - @font-face 在本地工作，但不能在实时网站上工作

Question

我有一个正在制作中的网站，它使用@font-face 来呈现字体，这在本地环境中工作正常，但在上传到实时网站时失败。

链接到字体文件的CSS文件在根目录下，使用如下代码:

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

}

字体在/css/fonts/目录中。我尝试将以下内容添加到 .htaccess 文件中以尝试解决问题，但仍然无济于事:

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

我真的没脑子了!我只是觉得很奇怪，当我使用 XAMPP 查看时跨浏览器没有问题，但是当我尝试在我的服务器(即 Apache)上查看它时，它不会在任何浏览器上工作。

Answer 1

检查文件夹上的 CHMOD 设置并确保服务器没有向您发送 403 返回