@ font-face在本地工作但在上传到主机空间时没有

Question

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

站点1,站点2和站点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个单独的文件.

您可能想要检查是否存在问题.