网站进行中: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 复制到了网络空间。我以前使用过这种方法,它没有任何问题。然而这个问题已经出现了!
欢迎任何建议/建议/帮助!我在这里完全不知所措。谢谢!