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

Question

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

2014-06-08

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;
}