自定义字体不会显示在页面 hostgator 中

Question

您好，我的字体有问题。我已经在线下载了一个自定义字体 (http://www.fontsquirrel.com/)，我希望它出现在我的页面上。当我尝试将它上传到不同的 ftp 服务器时，它工作得非常好，但是当我尝试在 hostgator 中上传它时，它不会出现。我试图将我的网站上传到不同的 ftp 服务器，一切正常，就在我尝试将它上传到 hostgator 时，字体不会显示。我上传了单独的 css 文件，它看起来像这样：

@font-face {
font-family: 'quicksandregular';
src: url('../font/Quicksand/quicksand-regular-webfont.eot');
src: url('../font/Quicksand/quicksand-regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/Quicksand/quicksand-regular-webfont.woff') format('woff'),
     url('../font/Quicksand/quicksand-regular-webfont.ttf') format('truetype'),
     url('quicksand-regular-webfont.svg#quicksandregular') format('svg');
font-weight: normal;
font-style: normal;

}

对于样式 css：

#about p.content a, #works p.content a, #preloader p.content a {
color: #ffffff;
font: 17px 'Quicksandregular';
text-decoration: underline;

}

还有我的索引页：

<link rel="stylesheet" media="all" href="css/quicksand.css">

Answer 1

按 F12 并检查您的字体资源是否已加载。如果他们没有，你应该有类似 的东西，但有 5 个错误而不是 1 个错误。 此外，在您的 style.css 文件中，将 font: 17px 'Quicksandregular'; 替换为 font-family: 'Quicksandregular';font-size: 17px; 并检查问题是否仍然存在。你的语法也是正确的，但只是为了确定。 非常仔细地检查您的文件路径，以确保您没有忘记任何内容。