html - 字体在本地有效,但在服务器上无效

标签 html css fonts font-face filezilla

<分区>


这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助 future 的读者。

关闭 8 年前

我在我的网站上使用了一种名为 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 内容)下载到一个空文件夹并从那里运行它,该网站仍然有效。

所以我已经没有解决这个问题的想法了,非常感谢任何帮助。

最佳答案

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

关于html - 字体在本地有效,但在服务器上无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28736265/

上一篇:jquery - 如何在动画后删除元素?

下一篇:css - 为任何网站保存自定义样式表

相关文章:

html - CSS "background-position: bottom"在移动浏览器上不完美

html - Svg 不能用作背景

html - CSS - 子元素的边框覆盖父元素

html - 从上到下 <ul> 元素排列

javascript - 缩放时保持 div 纵横比,内部图像

css - css 中的 AdellePE 粗体字体

html - IE7 中的 UL 对齐问题

javascript - 查询 : animate image from right corner once scrolled to specific position

Java 不合成斜体字体

android - 在android中打印阿拉伯字符串