为什么浏览器无法正确读取字体？

Question

我正在做一个HTML / CSS项目。 我正在使用@ font-face为浏览器提供一系列过时的字体。 当我在本地环境（我的PC：IE，Chrome和Mozilla）中测试页面时，初始字符的字体有效。 当我将它放在Github托管服务上在线时，它不起作用。第一个角色是现代角色。 我知道问题出在字体而不是CSS首字母选择器，因为关于它的所有其他CSS声明都可以正常工作。 （填充，颜色等）

我试图多次更改字体名称，将其减少为一个单词，作为“ font-family”的值，我尝试从字体系列的值中删除引号，我尝试使用引号。

这是github存储库中的代码

@font-face{
    font-family: "initial_letter";
    src: url(font/humanistic/initial.ttf),
         url(font/humanistic/initial.eot);
}

这是本地目录中的一个：

@font-face{
    font-family: "initial_letter";
    src: url(font/humanistic/initial.ttf),
             url(font/humanistic/initial.eot);
}

他们是平等的，所以我不明白问题所在。

我希望看到旧字母作为第一个字母。 这是我要使用的字体：

https://www.fontspace.com/house-of-lime/genzsch-initials

编辑：我还在页面内使用其他字体，它们正在工作，并且其路径以与此字体相同的方式编写。

Answer 1

使用字体和网络时需要提防的一件事就是许可。字体必须获得许可才能在网络上使用。有时，它在您在localhost上浏览时会起作用，但是，一旦您使用“真实”主机，就会启动许可检查，并且字体无法加载。您只有一种字体无法加载的事实使我相信这是问题所在。

不幸的是，您的字体来自的FontSpace网站没有说明托管用于网络的字体的特殊需求。关于许可如何工作的文章很多。 This article on Aeolidia is one of the better ones I've read。