0

网站进行中:http: //zrrdigitalmedia.com/

我一直在我的台式机上构建这个站点,到目前为止它的外观与我预期的一样。我最近认为该网站已完成并将其上传到我的虚拟主机空间。但是,所有的 @font-face 嵌入字体都没有加载。通过 FF24 和 Chrome30 在我的本地计算机上查看站点时,它们按预期加载。我完全不明白为什么会这样。

我在头部链接字体样式表:

<link rel="stylesheet" type="text/css" href="fonts/stylesheet.css">

并在我的主 CSS 文件中引用它,例如:

.headerText{
    font-family: 'bebas_neueregular';
    font-size: 80px;
    text-align: center;
    color: #666666;
}

虽然 fonts/stylesheet.css 具有这种格式的所有嵌入字体(它们是使用fontsquirrel生成的):

@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('bebasneue-webfont.woff') format('woff'),
         url('bebasneue-webfont.ttf') format('truetype'),
         url('bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

我所有的字体都在 /fonts 文件夹中。我从字面上将我的文件结构从我的 HD 复制到了网络空间。我以前使用过这种方法,它没有任何问题。然而这个问题已经出现了!

欢迎任何建议/建议/帮助!我在这里完全不知所措。谢谢!

4

0 回答 0