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返回

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

1 个答案: