@ font-face在本地工作，但没有在网站上工作

我有一个使用@ font-face渲染字体的网站，它在本地环境中工作正常，但上传到实时网站时失败。@ 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）上查看它时，它不适用于任何浏览器。

来源

2011-09-29 Liam Spencer

您是否尝试过直接获取字体文件：http：//server/css/fonts/ColabLig-webfont.eot？什么返回？ –

它似乎重定向到生产站点主页。 –

你能分享链接吗？ –

检查的文件夹中的文件模式设置，确保服务器不会向您发送403回服务器上的字体文件夹和文件

来源

2011-09-29 14:05:51 zethus

权限设置为777，我似乎无法从浏览器查看字体文件，它似乎重定向到生产站点主页。 –

-1

检查权限 - 应该是0777（读，写和执行）。这可以通过cPanel 9或类似的文件浏览器来完成。

来源

2015-04-21 12:26:51 user1124230

在生产服务器上777上基本上没有*理由运行文件夹！ 755像需要的一样宽松，除非你想要得到妥协。 – TunaMaxx

@ font-face在本地工作，但没有在网站上工作

回答

相关问题