字体在本地工作,但不在服务器上

时间:2015-02-26 06:58:37

标签: html css fonts font-face filezilla

我正在为我的网站使用一种称为下行链路的字体,但我遇到了一个问题。当我在本地测试我的网站时,一切都运行得很好,但是当我将它上传到服务器(通过Filezilla)时,没有加载字体。

这是我的字体CSS代码:

@font-face {
    font-family: downlink;
    src: url(../fonts/downlink.otf);
}
@font-face {
    font-family: downlink;
    src: url(../fonts/downlinkBold.otf);
    font-weight:bold;
}
@font-face {
    font-family: downlink;
    src: url(../fonts/downlinkItalic.otf);
    font-style:italic;
}
@font-face {
    font-family: downlink;
    src: url(../fonts/downlinkBoldItalic.otf);
    font-weight:bold;
    font-style:italic;
}

我很确定我已经将所需的所有内容上传到Filezilla,因为如果我将所有服务器内容(以及公共html内容)下载到空文件夹并从那里运行,该网站仍然有效。 / p>

所以我想要解决这个问题,我会非常感激。

2 个答案:

答案 0 :(得分:2)

您好我认为您没有正确嵌入我们的字体。 请使用您的字体(TTF)格式并尝试使用fontsquirrel或任何其他转换器转换Webfont,而不是将字体和样式表上传到您的服务器

答案 1 :(得分:0)

试试这个:

  1. 首先检查您的字体是否可以通过组合网址访问。
  2. 第二次打开网页并检查(使用chrome Inspector for instance)如果URL正确构建。
  3. 如果没有显示错误,请检查网络服务器是否允许MIME 要访问/下载的类型
  4. 检查此答案,看看它是否不是浏览器支持问题:click here
  5. 希望这有帮助。