为什么字体没有显示在我的实时网站上?

Question

我在goDaddy上托管我的投资组合，但遇到了这个错误：

"获取 http://benjaminthomasgibbs.co.uk/JosefinSans-light.ttf 404(未找到)">

或

"得到 http://benjaminthomasgibbs.co.uk/JosefinSans-light.ttf 主.html：63">

除了JavaScript之外，我没有制作任何文件夹。我所有其他字体似乎都在工作，它们位于同一个根目录中。在文件路径方面，我很笨拙 - 这是我计划研究的东西，所以这可能是一个我看不到的明显错误。

这是一个"TTF"文件，我添加了"格式('truetype')"。

链接到我的投资组合：http://benjaminthomasgibbs.co.uk/

有问题的字体是主页，上面写着"初级网页设计师"。

任何帮助将不胜感激。

@font-face {
font-family: main;
src: url("JosefinSans-light.ttf") format("truetype");
}

Answer 1

您的字体实际上位于 http://benjaminthomasgibbs.co.uk/JosefinSans-Light.ttf

请注意大写字母 L。

Answer 2

这些信息不足以解决您的问题，但是由于可用的信息量，您的文件不会托管在您认为托管的位置。

这可能是因为您没有设置 Web 服务器 (nginx/apache) 来托管字体资产。或者，如果您正在使用 rails 并希望 rails 为其提供服务，则需要在环境/生产文件中启用此功能，将 rails 设置为提供静态文件的轨道。或者除此之外的任何与您的情况相关的内容。