上传到不同的服务器后，网站字体停止工作

Question

我最近为我的客户建立了一个网站，并且遇到了问题。一切工作正常，当我上传我的服务器（Apache），但当我的客户端上传到他的服务器（我不知道什么操作系统），字体停止正常工作。无论浏览器如何，相同的文件，相同的代码。有任何想法吗？

@font-face { 
font-family: 'xxx'; 
src: url('xxx.eot'); 
src: url('xxx.eot?‪#‎iefix‬') format('embedded-opentype'), 
url('xxx.woff') format('woff'), 
url('xxx.ttf') format('truetype'), 
url('xxx.svg#xxx') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Answer 1

我想我找到了你的问题：http://trzydewizje.com/ud/font/。

trzydewizje.com/ud/font/SegoeCondensed.woff未能加载资源：服务器用的404（未找到）状态回答

trzydewizje.com/ud/font/SegoeCondensed.ttf未能加载资源：服务器用的404（未找到）

一个状态响应

至少在你的评论张贴错误，您正在试图链接到SegoeCondensed.woff，而实际的文件都是小写喜欢segoecondensed.woff。

为了验证这一点，我访问了您的样式表，其中的字体被添加（http://trzydewizje.com/ud/font/stylesheet.css），这似乎是这个问题：

@font-face { 
    font-family: 'Segoe Condensed'; 
    src: url('SegoeCondensed.eot'); 
    src: url('SegoeCondensed.eot?#iefix') format('embedded-opentype'), 
     url('SegoeCondensed.woff') format('woff'), 
     url('SegoeCondensed.ttf') format('truetype'), 
     url('SegoeCondensed.svg#SegoeCondensed') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

我通过编辑浏览器的CSS，并改变选中此文件名解决了您的问题：

@font-face { 
    font-family: 'Segoe Condensed'; 
    src: url('segoecondensed.eot'); 
    src: url('segoecondensed.eot?#iefix') format('embedded-opentype'), 
     url('segoecondensed.woff') format('woff'), 
     url('segoecondensed.ttf') format('truetype'), 
     url('segoecondensed.svg#SegoeCondensed') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}