html - @font-face 在本地工作但在上传到托管空间时不工作

Question

我正在建立一个网站，我试图通过名为 Tex Gyre Cursor 的免费字体获得跨浏览器兼容性。到目前为止，我已经尝试了几种通过 Google 搜索找到的方法。

Site 1 , Site 2 & Site 3

在 Chrome、Firefox、Safari 和 Opera 上进行本地测试时，它们发挥了作用。虽然不在 IE 上。我不会为 IE 而烦恼，因为它是一个巨大的痛苦，我已经将 Tahoma 设置为它的备用字体。

问题是在我通过 FTP 文件管理器上传我的文件后出现的。虚拟主机是 GoDaddy。

我也上传了字体文件。

我访问该网站但字体是 Tahoma，这在前面提到的所有浏览器上都会出现。

我束手无策，无法辨别问题所在。

这是我第一次尝试使用 CSS:

@font-face{    
    font-family:'TexGyreCursor';
        src: url('fonts/texgyrecursor.eot');
        src: local('texgyrecursor'), 
             local('texgyrecursor'), 
             url('fonts/texgyrecursor.ttf') format('truetype'),
             url('fonts/texgyrecursor.svg#font') format('svg'),
             url('fonts/texgyrecursor.otf');
}

我的第二次尝试:

@font-face{
    font-family:'TexGyreCursor';
    src: url('fonts/texgyrecursor.eot');
    src: url('fonts/texgyrecursor.otf');
}

如果需要更多信息，请告诉我:)

Answer 1

我最近遇到了这个问题，我正在使用 xampp 在 Windows 机器上进行设计并上传到 Linux 服务器。我终于弄清楚字体文件是CamelCase，而css代码都是小写的。

它没有影响我的本地机器，但 linux 将 CAPITALS.font 和 capitals.font 视为 2 个单独的文件。

您可能想检查一下这是否是您的问题。