字体在本地有效，但在服务器上无效

Question

我在我的网站上使用了一种名为 downlink 的字体，但我运行遇到了问题。当我在本地测试我的网站时一切正常，但是当我将它上传到服务器（通过 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 上传了我需要的所有内容，因为如果我将我所有的服务器内容（以及 public html 内容）下载到一个空文件夹并且运行从那里开始，网站仍然有效。

所以我运行正在想办法解决这个问题，非常感谢任何帮助。

Answer 1

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

Answer 2

试试这个：

首先检查您的字体是否可以通过组合 URL.
第二次打开网页检查（使用chrome Inspector for 例如）如果 URL 构建正确。
如果 none 显示错误，请检查网络服务器是否允许 MIME 输入 accessed/downloaded
检查此答案是否不是浏览器支持问题：click here

希望对您有所帮助。

字体在本地有效，但在服务器上无效

Font works locally but not on server

html

css

fonts

filezilla

font-face