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

Question

我将自己的投资组合托管在goDaddy上，遇到了以下错误：

'获取http://benjaminthomasgibbs.co.uk/JosefinSans-light.ttf 404（未找到）'

要么

'获取http://benjaminthomasgibbs.co.uk/JosefinSans-light.ttf main.html：63'

除了JavaScript外，我没有任何文件夹。 我所有其他字体似乎都可以正常工作，并且它们位于同一根目录中。 关于文件路径，我非常讨厌-这是我打算研究的内容，因此这可能是我看不见的明显错误。

这是一个'TTF'文件，我添加了'format（'truetype'）'。

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

有问题的字体用于主页上显示“ Junior Web Designer”的字体。

任何帮助将不胜感激。

@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设置为可提供静态文件的服务。 或与您的处境相关的其他事项。